echats 同一页面使用多个图表,显示异常问题
echarts绘制图表计算宽度的时候,由于第二个tab的属性display: none;所以无法获取到clientWidth,而 parseInt(stl.width, 10)) 将width: 100%转为100,所以计算出的图表宽度为100px,效果如下:
我自己使用的解决办法,内嵌css样式中使用媒体查询,设置图表的宽度(如果在行内style中设置宽度,自适应不起作用),然后js设置图表自适应。
多个图表自适应代码:
window.onresize = function () {
myChart.resize();
myChartx.resize();
}