From 79a39e577343d1650066c0f9949094dc14aed21a Mon Sep 17 00:00:00 2001
From: shiziyuan9527 <yuhao.li@fit2cloud.com>
Date: Tue, 10 Mar 2020 17:13:13 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=B5=8B=E8=AF=95=E6=8A=A5?=
 =?UTF-8?q?=E5=91=8A=E4=B8=8B=E7=9A=84=E6=B5=8B=E8=AF=95=E6=A6=82=E8=A7=88?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../report/components/TestOverview.vue        | 86 ++++++++++++++-----
 1 file changed, 65 insertions(+), 21 deletions(-)

diff --git a/frontend/src/performance/components/report/components/TestOverview.vue b/frontend/src/performance/components/report/components/TestOverview.vue
index bc7ba5d362..1745b0bca7 100644
--- a/frontend/src/performance/components/report/components/TestOverview.vue
+++ b/frontend/src/performance/components/report/components/TestOverview.vue
@@ -74,32 +74,76 @@
     data() {
       return {
         option1: {
+          legend: {
+            top: 20,
+            data: ['Users', 'Hits/s', 'Error(s)']
+          },
           xAxis: {
             type: 'category',
-            boundaryGap: false,
-            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+            data: ['12:40', '12:50', '13:00', '13:10', '13:20', '13:30', '13:40']
           },
-          yAxis: {
-            type: 'value'
+          yAxis: [{
+            name: 'User',
+            type: 'value',
           },
-          series: [{
-            data: [820, 932, 901, 934, 1290, 1330, 1320],
-            type: 'line',
-            areaStyle: {}
-          }]
+            {
+              name: 'Hits/s',
+              type: 'value'
+            }
+          ],
+          series: [
+            {
+              name: 'Users',
+              color: '#0CA74A',
+              data: [20, 40, 40, 40, 40, 40, 40],
+              type: 'line',
+            },
+            {
+              name: 'Hits/s',
+              color: '#65A2FF',
+              data: [15, 38, 35, 39, 36, 37, 5],
+              type: 'line',
+            },
+            {
+              name: 'Error(s)',
+              color: '#E6113C',
+              data: [0, 0, 0, 0, 0, 0, 0],
+              type: 'line',
+            }
+          ]
         },
         option2: {
+          legend: {
+            top: 20,
+            data: ['Users', 'Response Time']
+          },
           xAxis: {
             type: 'category',
-            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+            data: ['12:40', '12:50', '13:00', '13:10', '13:20', '13:30', '13:40']
           },
-          yAxis: {
-            type: 'value'
-          },
-          series: [{
-            data: [820, 932, 901, 934, 1290, 1330, 1320],
-            type: 'line'
-          }]
+          yAxis: [{
+            name: 'User',
+            type: 'value',
+            },
+            {
+              name: 'Response Time',
+              type: 'value'
+            }
+          ],
+          series: [
+            {
+              name: 'Users',
+              color: '#0CA74A',
+              data: [20, 40, 40, 40, 40, 40, 40],
+              type: 'line',
+            },
+            {
+              name: 'Response Time',
+              color: '#99743C',
+              data: [15, 38, 35, 39, 36, 37, 5],
+              type: 'line',
+            }
+          ]
         }
       }
     }
@@ -147,20 +191,20 @@
   }
 
   .ms-card-index-3 .ms-card-data-digital {
-    color: #FFC265;
+    color: #E6113C;
   }
 
   .ms-card-index-3 {
-    border-left-color: #FFC265;
+    border-left-color: #E6113C;
     border-left-width: 3px;
   }
 
   .ms-card-index-4 .ms-card-data-digital {
-    color: #C265FF;
+    color: #99743C;
   }
 
   .ms-card-index-4 {
-    border-left-color: #C265FF;
+    border-left-color: #99743C;
     border-left-width: 3px;
   }