Echarts 页面多图自适应的解决办法

http://blog.csdn.net/chensirbbk/article/details/45482667

 

 　　网上看到有不少人使用Echarts抽象出来的框架,实现自适应的效果代码:

window.onresize  = option.chart.resize(),

　　这个代码基本是官网上的window.onresize = myCharts.resize();的翻版。

　　但在实际的应用中一个页面可能会有好几个Echarts图表，而使用window.onresize = option.chart.resize(),加载页面图表后，页面上只有一个图表会根据浏览器的变化而自适应。

　　如果要是页面上的图表都要自适应。则需要将resize事件叠加在不同的图上面，使用以下代码可以实现:

window.addEventListener("resize", function () {
     option.chart.resize();
});