vue echarts 清空数据

Vue Echarts 清空数据，通常可以使用 Echarts 实例的 `clear` 方法来实现。具体步骤如下：

1. 在 Vue 组件中引入 `echarts` 组件：

import echarts from 'echarts'

2. 在 `mounted` 钩子函数中初始化 Echarts 实例：

mounted() {
  this.chart = echarts.init(this.$refs.chart) // this.$refs.chart 指向 DOM 中的赋值给 ref 属性的元素，通常为 <div> 标签
}

3. 在需要清空数据的方法中调用 Echarts 实例的 `clear` 方法：

clearData() {
  this.chart.clear()
}

调用 `clear` 方法后，Echarts 实例中的所有数据都将被清空，可以用于清除已有数据以便重新渲染新的数据。需要注意的是，清空数据后需要重新调用 Echarts 实例的 `setOption` 方法来渲染新的数据，以保证图表能够正常显示。