There is a chart instance already initialized on the dom.

在vue中使用echarts重新绘制图的时候会提示There is a chart instance already initialized on the dom。而且有时候该显示的图还不能正常显示。

这个图，我将它封装成了一个组件，把画图所需要的数据传给组件；点击右上角的放大按钮，将图放大并展示，但是有时候图像加载不出来，并且数据二次更新的时候连组件内的方法都不执行。

于是我就对组件内的数据进行了监听

props: {
    options: {
      type: Object,
    },
    echartId: {
      type: String,
    },
  },
  watch: {
    options(value) {
      console.log(value);
      this.initmilkEchart(this.options);
    },
    echartId(value) {
    this.lineEchart = value
    },
  },

在数据变化时初始化数据，展示图像；

需要注意的是 在获取到echarts初始化的元素后，要使用clear方法清空一下画布

let myChart = echarts.init(document.getElementById(this.echartId + ""));
      myChart.clear();
      this.info = option;
      myChart.setOption(option);

      window.addEventListener("resize", () => {
        myChart.resize();
      });