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();

 


 

Logo

前往低代码交流专区

更多推荐