问题描述

echarts图表的数据是动态更新然后渲染图表时，使用watch去监听了数据的变化，已经拿到了更新的数据，但是图表却没有进行相应的渲染，即图表一直保留老数据，并不会以新的数据渲染。

解决方法

想在同一个dom中画多个实例，需要先销毁前一个，才能重新渲染画后一个。

// 销毁前一个实例
echarts.init(document.getElementById('chart')).dispose() 
// 构建下一个实例
var myChart = echarts.init(document.getElementById('chart')) 

echarts实例的清空与销毁-clear/dispose

• echarts.clear()是清空当前实例，会移除实例中所有的组件和图表。
• echarts.dispose()是销毁实例，销毁后实例无法再被使用。

clear和dispose就类似于v-show和v-if，clear类似于v-show，它只是重绘图表；
dispose类似于v-if，它是将echarts对象清理了，然后重新构建echarts对象；
如果连图表容器都被销毁了，那就要调用echarts.dispose()销毁实例