数据统计图没有销毁导致数据迭代问题

src/App.vue

@@ -3,7 +3,7 @@
  * @email: 18603454788@163.com
  * @Date: 2021-04-19 10:23:19
  * @LastEditors: wally
- * @LastEditTime: 2021-05-20 11:36:06
+ * @LastEditTime: 2021-05-20 18:56:20
 -->
 <template>
   <a-config-provider :locale="zh_CN">

src/components/Echarts/Categorymap.vue

@@ -3,7 +3,7 @@
  * @email: 18603454788@163.com
  * @Date: 2021-01-29 14:45:02
  * @LastEditors: wally
- * @LastEditTime: 2021-05-14 09:46:26
+ * @LastEditTime: 2021-05-20 18:48:35
 -->
 <template>
   <!-- <div>数据统计组件</div> -->
@@ -55,10 +55,7 @@ export default {
       // 绘制图表
       await this.getData();
       var option = {
-        legend: {
+        legend: { data: ['新建', '数据收集按时完成', '数据收集中', '废弃', '数据收集超时'] },
-          data: ['新建', '数据收集按时完成', '数据收集中', '废弃', '数据收集超时'],
-          top: 30,
-        },
         xAxis: [
           {
             type: 'category',

src/components/Echarts/CategorymapHos.vue

@@ -42,10 +42,7 @@ export default {
       await this.getData(this.hospitalId);
       // 绘制图表
       var option = {
-        legend: {
+        legend: { data: ['新建', '数据收集按时完成', '数据收集中', '废弃', '数据收集超时'] },
-          data: ['新建', '数据收集按时完成', '数据收集中', '废弃', '数据收集超时'],
-          top: 30,
-        },
         xAxis: [
           {
             type: 'category',

src/components/Echarts/Treemap.vue

@@ -64,8 +64,11 @@ export default {
     async drawLine() {
       // 基于准备好的dom，初始化echarts实例
       await this.getData();
-      let myChart = this.$echarts.init(document.getElementById('Treemap'));
+      let myChart = document.getElementById('Treemap');
-      myChart.setOption(this.option);
+      // 绘制图表
+      myChart.removeAttribute('_echarts_instance_');
+      let myChart1 = this.$echarts.init(myChart);
+      myChart1.setOption(this.option);
     },
     async getData() {
       try {