From 646d0d23ea4ebed5ba80b97ef371879291456adf Mon Sep 17 00:00:00 2001
From: CaptainB <bin@fit2cloud.com>
Date: Wed, 27 Oct 2021 14:33:51 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=80=A7=E8=83=BD?=
 =?UTF-8?q?=E6=B5=8B=E8=AF=95=E8=87=AA=E5=AE=9A=E4=B9=89=E7=9B=91=E6=8E=A7?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=9B=BE=E7=BC=93=E5=AD=98bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../performance/report/components/MonitorCard.vue         | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/business/components/performance/report/components/MonitorCard.vue b/frontend/src/business/components/performance/report/components/MonitorCard.vue
index 5b35f10343..d6dd28d045 100644
--- a/frontend/src/business/components/performance/report/components/MonitorCard.vue
+++ b/frontend/src/business/components/performance/report/components/MonitorCard.vue
@@ -28,7 +28,8 @@
       <el-col :span="20">
         <el-row>
           <el-col :span="24">
-            <ms-chart ref="chart2" class="chart-config" @datazoom="changeDataZoom" :options="totalOption"
+            <ms-chart v-if="showChart" ref="chart2" class="chart-config" @datazoom="changeDataZoom"
+                      :options="totalOption"
                       :autoresize="true"></ms-chart>
           </el-col>
         </el-row>
@@ -123,6 +124,7 @@ export default {
       tableData: [],
       checkList: checkList,
       checkOptions: checkOptions,
+      showChart: true,
       baseOption: {
         color: color,
         grid: {
@@ -236,14 +238,18 @@ export default {
         this.checkList = checkList;
       }
       this.totalOption = {};
+      this.showChart = false;
       this.$nextTick(() => {
+        this.showChart = true;
         this.totalOption = this.getOption(id);
         this.changeDataZoom({start: 0, end: 100});
       });
     },
     handleCheckListChange(id) {
       this.totalOption = {};
+      this.showChart = false;
       this.$nextTick(() => {
+        this.showChart = true;
         this.totalOption = this.getOption(id);
         this.changeDataZoom({start: 0, end: 100});
       });