vue 中使用echart ,初始化图形压缩挤到一起

用echart做数据图标,在tab第二页显示,打开效果

很难看的挤成了一道闪电,原因是页面css还没有加载,宽度还不定数据图标已经渲染出来了。。

非常简单的解决办法 在tab渲染中给第二页的内容加上v-if

一个页面中有四个图形,每个都加上window.onresize = myChart.resize; 只有第四个才正确执行了随窗口变化自适应的方法,因为window.onresize这种事件添加方式只能加入一个事件,第四个覆盖掉前面三个

解决办法是用  window.addEventListener('resize',myChart.resize) 来监听resize
 

猜你喜欢

转载自www.cnblogs.com/crystal2018/p/13388236.html