Echars 報錯：Error in created hook: “TypeError: Cannot read properties of undefined (reading ‘getAttribute’)”

問題描述：

今天用echars畫圖過程中（前端用到vue框架），遇到了一個錯誤：

? Error in created hook: “TypeError: Cannot read properties of undefined (reading ‘getAttribute’)”

F12調式界面如圖：

解決方案：

將調用echars的方法從created(){}，放到mounted(){}里邊，如圖：

理由：

created(){}: 在模板渲染成html前調用；一般我們用此方法初始化某些值、屬性，初始化完畢再進行渲染

mounted(){}: 在模板渲染成html后調用；即created(){}初始化完畢后，mounted(){}再對渲染出來的html的dom進行操作

echars渲染圖案時，需要容器放圖形（需要對html的dom節點進行操作），所以應放在mounted(){}里邊