關於Echarts的原生js獲取DOM元素與動態加載DOM元素的沖突問題


1.前言:

最近在做的看板項目,因為需要循環加載后台數據,並且用Echarts做數據呈現,所以jQuery和angular等庫統統靠邊站,Echarts用的是原生js獲取DOM元素,至於諸多不兼容等深水坑我就不多贅述了。

2.問題引入:

當我通過Ajax從后端取到需要展示的數據,拿過來動態渲染到頁面上,增加Dom元素是常有的事,這個時候就會報錯說Echarts沒有獲取到元素id。

3.解決方案:

  至於要在外面包一個延時器,當然我試了一下即使把延時時間改到0也是能夠順利加載的。

  暫時就這么解決了這個問題,中間出的狀況種種我沒有截圖,又不想退回去看BUG,所以就只給出這些解決完成的情況吧。

  附一張效果圖,可惜沒有好用的桌面動圖截取工具。(誰有推薦一個給我,不勝感激),自行忽略屏幕分辨率問題,因為應用場景固定,屏幕適配就不考慮了

 

 


免責聲明!

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



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