echats 同一页面使用多个图表，显示异常问题

echarts绘制图表计算宽度的时候，由于第二个tab的属性display: none;所以无法获取到clientWidth，而 parseInt(stl.width, 10)) 将width: 100%转为100，所以计算出的图表宽度为100px，效果如下：

 

 

我自己使用的解决办法，内嵌css样式中使用媒体查询，设置图表的宽度（如果在行内style中设置宽度，自适应不起作用），然后js设置图表自适应。

 

多个图表自适应代码：

window.onresize = function () {

myChart.resize();

myChartx.resize();

}

转载于:https://www.cnblogs.com/zhaoyang450/p/5821670.html