vue使用echarts图表渲染异常本地正常，线上时有时无的渲染

我也是踩坑了，经过半天的挣扎和寻找资料最终得出来的结果！
经过仔细检查可以看出，直接声明的div里会被echarts自动挂载一个_echarts_instance_属性，导致echarts挂载页面渲染的时候存在一个缓存问题，参考下图：

解决方案：把她清空之后，后面就能正常挂载到页面上进行渲染了，参考下图：

// 主要代码：

document.getElementById("instrument").setAttribute('_echarts_instance_', '')

// 我所写的项目是vue3,但是用的是以前拷贝的vue2代码，所以需要用到markRaw函数，
// 如果使用vue3编写就无需加markRaw

this.loadChart = markRaw(echarts.init(document.getElementById("instrument")));

// 绘制图表

this.loadChart.setOption(this.option,true);

都到这里了，那问题就解决了，如果还有页面数据没有解决的话就使用下面两个echarts官方API来清空数据和清空画布，如果有帮助的话给个鼓励点个赞吧~~~~

//清空画布

this.loadChart.clear();

//清空数据

this.loadChart.dispose();