echarts出现Cannot read property 'getAttribute' of null问题的解决

报错信息：

image.png

意思是不能按id找到HTML中的dom元素

1、测试是否能正确获得id元素，打印测试一下：

console.log("能看到我吗？",document.getElementById('history_trend'))

结果可以看到完整的节点信息

image.png

解决办法，echarts在渲染前必须要确保dom元素已经存在，之前初始化echarts的方法是写在created中的，现在将其挪放到mounted中即可：

image.png

至此，报错信息消失，页面正常显示

image.png