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

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

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

多个图表自适应代码:

window.onresize = function () {

myChart.resize();

myChartx.resize();

}

posted @ 2016-08-30 13:36  乾坤猪猪羊  阅读(1009)  评论(0编辑  收藏  举报
欢迎光临乾坤猪猪羊博客园