使用echarts时多tab切换后不能正确获取到指定的宽度,默认100px,修改浏览器窗口大小后又能正常展示

使用echarts时多tab切换后不能正确获取到指定的宽度,默认100px,修改浏览器窗口大小后又能正常展示_第1张图片

图表部分代码:


使用代码:


  
    
  
  
    
  

在点击tab切换后,我们会发现设置好宽高的echarts图表切换过来之后只剩下100px的大小,原因是:渲染的时机不对,搜到的解决办法时:根据切换tab事件resize echarts,但是我没有成功,最终在调用的地方添加lazy(懒加载)可以解决,在此记录,修改后代码如下:


  
    
  
  
    
  

使用echarts时多tab切换后不能正确获取到指定的宽度,默认100px,修改浏览器窗口大小后又能正常展示_第2张图片

你可能感兴趣的:(echarts,vue.js,javascript)