echarts tab切换默认宽度100px的问题

最近在vue中使用echarts时,碰到的一个echarts bug,tab切换时,echarts图表默认隐藏的时候,是不渲染的,等再次有数据的时候就会渲染,但这时候渲染的默认宽度是100px。

查询了许多方法终于解决了问题,现在讲解决方法记录一下,希望都其他人能有所帮助。

解决办法:

就是每次绘图之前动态在重新给eharts赋一次width





calculateEcharts()方法动态获取窗口的宽度,在绘制echarts时,通过

let resize = {
            width: this.initWidth,
            height: 270
          };

        myLine.resize(resize);

你可能感兴趣的:(echarts tab切换默认宽度100px的问题)