echarts折線圖加載后顯示空白,瀏覽器改變大小后才能顯示出來


## echarts折線圖加載后顯示空白,瀏覽器改變大小后才能顯示出來

 

 


第一次加載失敗

原因是:echarts在默認隱藏的div中顯示空白,有時候圖表會放在多個標簽頁(tab)里,那些初始隱藏的標簽在初始化圖表的時候因為獲取不到容器的實際高寬,可能會繪制失敗(不顯示圖表、圖表的高度為0或者寬度為0),解決辦法是在echarts渲染之前先設置div的寬高,然后再調用echarts的setOption配置項和數據顯示圖表。

*解決*:需要手動設置一個寬高,在它初始化之前

即:

 

 


使用內聯樣式 手動增加一個寬度

 

效果圖:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM