Incubator-echarts: Is Echarts 3 responsive ?

[AngryElephant]

Im trying to switch from chartjs to Echarts.

Chartjs resize automatically when i resize the window by default which is not the case for Echarts. Is there any option for that ?

Thank you.

[pissang]

You can use chart.resize() whenever the container size changed

[hbthanki]

What if I have multiple charts on the page (inside panel/card) like dashboard? For example I have a panel. Inside panel body, I am showing a bar chart. Since I have specified fix height in px, chart.resize() will not cover the whole panel body. Is there a solution to get the height and width of panel?

[pissang]

@hbthanki Do you mean you fix the height of chart? If you have a flexible panel, don't fix the height of the chart. And resize() when panel changes the size.

[hbthanki]

Thanks for your reply. I got that working now. However, I have strange observation. If panel's _width_ is changed, and I call .resize() nothing happens. But if I change _height and width_ both and call resize(), chart is resizing properly.

[pissang]

Use SVG renderer?

[hbthanki]

Yes I used svg renderer.

[pissang]

SVG renderer had this problem. Already fixed in https://github.com/ecomfe/zrender/pull/303

[hbthanki]

I have installed echarts from _npm i echarts_ just now. Do I need to refer any _branch_ for this change? Please bear with my little knowledge. And Thank you so much for your replies. I could find below code in echarts.js file: ("echarts": "^3.8.5")

[pissang]

You need to checkout the latest code of zrender and put it under node_modules

[hbthanki]

Please ignore below 1, I had to build again for zrender to be picked up.

1. Do I need to specifically import zrender? Because after _npm install zrender_ it is still not working. Either something wrong with my setup or I am missing some other lib?

1. curiosity question: Without installing zrender, and making _renderer: 'svg'_, it was creating svg. Why do we need extra lib for svg?
   Thanks once again.