From 6c28ec072e03f3d7aa6b97ae20f5357dba99a4da Mon Sep 17 00:00:00 2001
From: junjie <junjie.xia@fit2cloud.com>
Date: Thu, 11 Mar 2021 15:19:44 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E8=A7=86=E5=9B=BE):=20echarts=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=B0=81=E8=A3=85=EF=BC=8C=E5=88=9D=E6=AD=A5=E5=AE=9E?=
 =?UTF-8?q?=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/chart/components/ChartComponent.vue    | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/src/views/chart/components/ChartComponent.vue b/frontend/src/views/chart/components/ChartComponent.vue
index b4afd1e9a0..47dc62d5d4 100644
--- a/frontend/src/views/chart/components/ChartComponent.vue
+++ b/frontend/src/views/chart/components/ChartComponent.vue
@@ -16,7 +16,9 @@ export default {
     }
   },
   data() {
-    return {}
+    return {
+      myChart: {}
+    }
   },
   watch: {
     chart() {
@@ -24,6 +26,8 @@ export default {
     }
   },
   mounted() {
+    // 基于准备好的dom，初始化echarts实例
+    this.myChart = this.$echarts.init(document.getElementById('echart'))
   },
   methods: {
     drawEcharts() {
@@ -48,12 +52,10 @@ export default {
       this.myEcharts(chart_option)
     },
     myEcharts(option) {
-      // 基于准备好的dom，初始化echarts实例
-      var myChart = this.$echarts.init(document.getElementById('echart'))
       // 指定图表的配置项和数据
-      setTimeout(myChart.setOption(option, true), 500)
+      setTimeout(this.myChart.setOption(option, true), 500)
       window.onresize = function() {
-        myChart.resize()
+        this.myChart.resize()
       }
     }
   }