From d5c2624f1494b4bd5e81f3bd21128a63020aee65 Mon Sep 17 00:00:00 2001
From: "Captain.B" <bin@fit2cloud.com>
Date: Fri, 16 Apr 2021 18:02:43 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=80=A7=E8=83=BD=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=9F=A5=E8=AF=A2=E7=9B=91=E6=8E=A7=E5=9B=BE?=
 =?UTF-8?q?=E8=A1=A8=E5=AE=BD=E5=BA=A6=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../performance/report/components/MonitorCard.vue  | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/frontend/src/business/components/performance/report/components/MonitorCard.vue b/frontend/src/business/components/performance/report/components/MonitorCard.vue
index 59eed68b74..eac55e2a3e 100644
--- a/frontend/src/business/components/performance/report/components/MonitorCard.vue
+++ b/frontend/src/business/components/performance/report/components/MonitorCard.vue
@@ -4,21 +4,21 @@
       <el-tab-pane v-for="(item,index) in instances" :key="index" :label="item" class="logging-content">
         <el-row>
           <el-col :span="8">
-            <ms-chart ref="chart1" :options="getCpuOption(item)" :autoresize="true"></ms-chart>
+            <ms-chart ref="chart1" class="chart-config" :options="getCpuOption(item)" :autoresize="true"></ms-chart>
           </el-col>
           <el-col :span="8">
-            <ms-chart ref="chart2" :options="getMemoryOption(item)" :autoresize="true"></ms-chart>
+            <ms-chart ref="chart2" class="chart-config" :options="getMemoryOption(item)" :autoresize="true"></ms-chart>
           </el-col>
           <el-col :span="8">
-            <ms-chart ref="chart3" :options="getDiskOption(item)" :autoresize="true"></ms-chart>
+            <ms-chart ref="chart3" class="chart-config" :options="getDiskOption(item)" :autoresize="true"></ms-chart>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8">
-            <ms-chart ref="chart3" :options="getNetOutOption(item)" :autoresize="true"></ms-chart>
+            <ms-chart ref="chart3" class="chart-config" :options="getNetOutOption(item)" :autoresize="true"></ms-chart>
           </el-col>
           <el-col :span="8">
-            <ms-chart ref="chart4" :options="getNetInOption(item)" :autoresize="true"></ms-chart>
+            <ms-chart ref="chart4" class="chart-config" :options="getNetInOption(item)" :autoresize="true"></ms-chart>
           </el-col>
         </el-row>
       </el-tab-pane>
@@ -256,5 +256,7 @@ export default {
 </script>
 
 <style scoped>
-
+.chart-config {
+  width: 100%;
+}
 </style>