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