1.前言:
最近在做的看板項目,因為需要循環加載后台數據,並且用Echarts做數據呈現,所以jQuery和angular等庫統統靠邊站,Echarts用的是原生js獲取DOM元素,至於諸多不兼容等深水坑我就不多贅述了。
2.問題引入:
當我通過Ajax從后端取到需要展示的數據,拿過來動態渲染到頁面上,增加Dom元素是常有的事,這個時候就會報錯說Echarts沒有獲取到元素id。
3.解決方案:

至於要在外面包一個延時器,當然我試了一下即使把延時時間改到0也是能夠順利加載的。
暫時就這么解決了這個問題,中間出的狀況種種我沒有截圖,又不想退回去看BUG,所以就只給出這些解決完成的情況吧。
附一張效果圖,可惜沒有好用的桌面動圖截取工具。(誰有推薦一個給我,不勝感激),自行忽略屏幕分辨率問題,因為應用場景固定,屏幕適配就不考慮了

