折线图

src/views/modules/visual/communityGovern/cpt/issue-info.vue

@@ -80,7 +80,8 @@
               </div>
             </div>
 
-            <line-chart :list="issueChartData" />
+            <line-chart ref="lineChart"
+                        :list="null" />
           </div>
         </div>
       </cpt-card>
@@ -215,6 +216,8 @@ export default {
           );
         });
         this.issueChartData = chartData;
+        this.$refs.lineChart.setList(this.issueChartData)
+
       } else {
         this.$message.error(msg);
       }

src/views/modules/visual/cpts/line-chart.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="m-chart">
-    <canvas id="myChart" :width="width" :height="height" />
+    <canvas id="myChart"
+            :width="width"
+            :height="height" />
   </div>
 </template>
 
@@ -216,6 +218,14 @@ export default {
     await nextTick(200);
     this.iniLoading = true;
   },
+
+  methods: {
+    setList (data) {
+      chart.changeData(data);
+      srcData = data;
+      addTextShape();
+    },
+  }
 };
 </script>