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


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

 

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

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

 

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

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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM