echarts清除数据

以下是两种清除echarts数据的方法：

1. 使用getOption和setOption方法清除数据：

function clearChart(div) {
  let chart = echarts.getInstanceByDom(document.getElementById(div));
  if (chart == null) {
    chart = echarts.init(document.getElementById(div));
  }
  const option = chart.getOption();
  // 清空数据
  option.series = [];
  option.xAxis[0].data = [];
  // 重新显示，第二个参数是将之前的数据丢掉
  chart.setOption(option, true);}

2. 使用clear和dispose方法清除数据：

import * as echarts from "echarts";
// 销毁实例
function desHandler() {
  let myChart = echarts.init(this.$refs["chartDom"]);
  // 销毁实例，销毁后实例无法再被使用。
  // 在什么情况下需要调用该函数进行销毁当前的实例呢？
  // 官方给的说明:在图表容器被销毁之后，调用 echartsInstance.dispose 销毁实例，
  myChart.dispose();
}

// 清空当前实例
function clearHandler() {
  // 清空当前实例，会移除实例中所有的组件和图表。
  let myChart = echarts.init(this.$refs["chartDom"]);
  myChart.clear();
}

// 初始化
function init() {
  this.clearHandler(); // 或者 this.desHandler()
  let myChart = echarts.init(this.$refs["chartDom"]);
}