Echart 切換頁面 圖表不展示問題


我特喵服了呀,echart,時隔多年,依然沒讓我失望。

事情起因:
測試小姐姐擱群里說“哎哎,你這XX圖表頁面一切換菜單后就展示不出來了”

我:????

內心OS:你在開什么玩笑~這特喵這么簡單的echart圖表我能出這么明顯的bug??我本地自測好好的好吧

打開線上環境,我giao,還真特喵的復現了。nani???我自己的代碼,不至於啊,have a look look

翻來覆去一時之間竟也找不到問題,無 error 無 warning。這你大爺的神詭了。咋回事呀,我本地好好的。

giao。開始排查。


這里得說下背景,我司采用微應用架構,背后依賴 singleSPA,圖表空白是出現在,不同微應用切換才可復現。但是我本地開發起另一個微應用時,內部的依賴工具又特喵神煩,非讓我 yarn 才能裝包,而此時又有一個不知道 babel搞的什么破包,非讓我升級 node 版本。好家伙,我這脾氣一下就上來了,就你一個第三方包,還得讓我升級 node 版本,憑啥呀。起不了服務就起不了,我自己盲查還不行么。giao

測試小姐姐催得緊,我心里也心浮氣躁,看了代碼好幾遍也沒看出來啥問題。一切寫的好好的。圖表實例初始化了,圖表配置頁塞進去了,也給了 canvas 的寬高樣式了…… 橋豆麻袋!寬高樣式?!!!

趕緊去線上看了下出問題的圖表,麻蛋,清清楚楚的 canvas height 0

無語…………

啥情況呀,我都通過 class 設定寬高了,憑啥你內部圖表庫生成 canvas 時,元素高度為 0 ??


免責聲明!

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



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