From 4d0c8ec7f16d7eb2e33f2530273dff6d779ca508 Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Fri, 11 Sep 2020 18:59:42 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E8=B0=83=E6=95=B4overview=E9=A5=BC?=
 =?UTF-8?q?=E5=9B=BE=E6=9F=B1=E7=8A=B6=E5=9B=BE=E7=9A=84=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../page/dashboard/overview/chartConfig.vue     | 17 ++++-------------
 .../page/dashboard/overview/overview2.vue       |  4 ++--
 2 files changed, 6 insertions(+), 15 deletions(-)

diff --git a/nezha-fronted/src/components/page/dashboard/overview/chartConfig.vue b/nezha-fronted/src/components/page/dashboard/overview/chartConfig.vue
index 6249b08f9..89c041f5d 100644
--- a/nezha-fronted/src/components/page/dashboard/overview/chartConfig.vue
+++ b/nezha-fronted/src/components/page/dashboard/overview/chartConfig.vue
@@ -23,7 +23,7 @@
       "#8abafc","#d181e8","#d88d50","#cce8ff",
       "#161ef9"];*/
 
-    let pieColor = ["#ECCD82", "#99CEB9", "#EEA694", "#8EA8DF", "#92C9DF"];/*['#d64f40', '#e66f60', '#f68f80', '#f6afa0',
+    let pieColor = ["#FAd4ab", "#d0e8d0", "#EEA694", "#9fb5e4", "#92C9DF"];/*['#d64f40', '#e66f60', '#f68f80', '#f6afa0',
       '#ffdb28', '#ffeb38', '#fffb48', '#ffffbb'];*/
 
     const commonOption={
@@ -201,7 +201,7 @@
       },
       grid: {
         top: 60,
-        left: 80,
+        left: 100,
         right: 30,
         bottom: 60,
       },
@@ -237,8 +237,8 @@
           show: true,
           fontSize: 12,
           formatter: function(value) {
-            if (value.length > 10) {
-              return value.substring(0, 8) + "...";
+            if (value.length > 15) {
+              return value.substring(0, 11) + "...";
             }
             return value;
           },
@@ -250,15 +250,6 @@
       title: {
         show: false,
       },
-      color: function(params) {
-        //首先定义一个数组
-        let colorList = [pieColor[0], pieColor[1]];;
-        if(params.dataIndex % 2 == 0){
-          return colorList[0]
-        }else{
-          return colorList[1]
-        }
-      },
       legend: {
         show: false,
       },
diff --git a/nezha-fronted/src/components/page/dashboard/overview/overview2.vue b/nezha-fronted/src/components/page/dashboard/overview/overview2.vue
index 51420520d..c6f81debf 100644
--- a/nezha-fronted/src/components/page/dashboard/overview/overview2.vue
+++ b/nezha-fronted/src/components/page/dashboard/overview/overview2.vue
@@ -782,7 +782,7 @@
               barMaxWidth: 15,
               itemStyle: {
                 color: function(params) {
-                  let colorList = ["#ECCD82", "#99CEB9"];;
+                  let colorList =  ["#FAd4ab", "#d0e8d0"];
                   if(params.dataIndex % 2 == 0){
                     return colorList[0]
                   }else{
@@ -816,7 +816,7 @@
               category: categoryData,
               itemStyle: {
                 color: function(params) {
-                  let colorList = ["#ECCD82", "#99CEB9"];;
+                  let colorList = ["#FAd4ab", "#d0e8d0"];;
                   if(params.dataIndex % 2 == 0){
                     return colorList[0]
                   }else{