Echarts实现图形重新绘制方法总结

1.业务需求： vue项目使用Echarts进行数据看板绘制，当数据发生改变时，需要重新进行图形绘制。

2.解决方案： 目前网上流传的方法：myChart.setOption(option,true)亲测无效，因此重找了资料找到了解决方法（Echarts在图形绘制时会在容器创建Echarts实例并创建’echarts_instance’属性，这个属性是实例ID，当Echarts绘制时会先对这个属性进行匹配，如果没有就会重新实例化）：

// myChart：图形绘制容器

document.getElementById('myChart').removeAttribute('_echarts_instance_');

or

 document.getElementById(dom).removeAttribute('_echarts_instance_');
 var chart = echarts.init(document.getElementById(dom));

3、还有一种是使用clear()方法；

 let chart = echarts.init(document.getElementById(dom));
     chart.clear();