From d7fab6b5d91a5c49d84f7d21025cb6bc16b43bdf Mon Sep 17 00:00:00 2001
From: zpzgiser <45806316+zpzgiser@users.noreply.github.com>
Date: Mon, 19 Jul 2021 23:09:39 +0800
Subject: [PATCH] 更改颜色、文字、表格

---
 src/views/securityUnitOperation/securityEchart.js |  151 ++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 110 insertions(+), 41 deletions(-)

diff --git a/src/views/securityUnitOperation/securityEchart.js b/src/views/securityUnitOperation/securityEchart.js
index 972689d..6c6298d 100644
--- a/src/views/securityUnitOperation/securityEchart.js
+++ b/src/views/securityUnitOperation/securityEchart.js
@@ -6,6 +6,21 @@
     //     color: "#fff"
     //   }
     // },
+    color: [
+      "#73c0de",
+
+      "#fac858",
+      "#91cc75",
+      "#3ba272",
+      "#fc8452",
+      "#9a60b4",
+      "#3fb1e3",
+      "#6be6c1",
+      "#626c91",
+      "#a0a7e6",
+      "#c4ebad",
+      "#96dee8"
+    ],
     grid: {
       top: "10%",
       left: "3%",
@@ -45,6 +60,7 @@
       ]
     },
     yAxis: {
+      name: "（%）",
       type: "value",
       axisLabel: {
         color: "#fff"
@@ -53,7 +69,7 @@
     series: [
       {
         name: "趋势",
-        data: [0.1, 0.3, 0.2, 0.5, 0.1,0.4, 0.32, 0.13, 0.21, 0.12, 0.25, 0.11],
+        data: [10, 30, 20, 50, 10, 40, 32, 13, 21, 12, 25, 11],
         type: "line",
         smooth: true,
         areaStyle: {}
@@ -80,23 +96,38 @@
         "持证保安数",
         "过考保安数",
         "缴纳社保保安数",
-        "缴纳社保数"
+        "保安派遣"
       ],
       bottom: "0%",
       textStyle: {
         color: "#fff"
       }
     },
+    color: [
+      "#73c0de",
+
+      "#fac858",
+      "#91cc75",
+      "#3ba272",
+      "#fc8452",
+      "#9a60b4",
+      "#3fb1e3",
+      "#6be6c1",
+      "#626c91",
+      "#a0a7e6",
+      "#c4ebad",
+      "#96dee8"
+    ],
     grid: {
       top: "10%",
-      left: "5%",
-      right: "4%",
+      left: "3%",
+      right: "2%",
       bottom: "15%",
       containLabel: true
     },
     xAxis: {
       type: "category",
-      boundaryGap: false,
+      boundaryGap: true,
       axisLabel: {
         color: "#fff"
       },
@@ -124,38 +155,38 @@
     series: [
       {
         name: "总保安数",
-        type: "line",
-        stack: "总量",
+        type: "bar",
+        barWidth: 9,
         data: [120, 132, 101, 134, 90, 230, 210, 214, 123, 22, 132, 321]
       },
       {
         name: "正常保安数",
-        type: "line",
-        stack: "总量",
+        type: "bar",
+        barWidth: 9,
         data: [220, 182, 191, 234, 290, 330, 310, 111, 222, 132, 143, 123]
       },
       {
         name: "持证保安数",
-        type: "line",
-        stack: "总量",
+        type: "bar",
+        barWidth: 9,
         data: [150, 232, 201, 154, 190, 330, 410, 132, 111, 222, 132, 43]
       },
       {
         name: "过考保安数",
-        type: "line",
-        stack: "总量",
+        type: "bar",
+        barWidth: 9,
         data: [320, 332, 301, 334, 390, 330, 320, 233, 123, 432, 122, 11]
       },
       {
         name: "缴纳社保保安数",
-        type: "line",
-        stack: "总量",
+        type: "bar",
+        barWidth: 9,
         data: [120, 132, 101, 134, 120, 130, 132, 222, 111, 123, 341, 123]
       },
       {
-        name: "缴纳社保数",
-        type: "line",
-        stack: "总量",
+        name: "保安派遣",
+        type: "bar",
+        barWidth: 9,
         data: [120, 132, 101, 134, 1210, 130, 120, 22, 123, 33, 21, 13]
       }
     ]
@@ -183,24 +214,34 @@
         color: "#fff"
       }
     },
+    color: [
+      "#73c0de",
+
+      "#fac858",
+      "#91cc75",
+      "#3ba272",
+      "#fc8452",
+      "#9a60b4",
+      "#3fb1e3",
+      "#6be6c1",
+      "#626c91",
+      "#a0a7e6",
+      "#c4ebad",
+      "#96dee8"
+    ],
     grid: {
       top: "10%",
-      left: "12%",
-      right: "4%",
-      bottom: "15%",
-      containLabel: true
+      left: "10%",
+      right: "2%",
+      bottom: "22%",
+      containLabel: false
     },
     xAxis: {
-      type: "value",
-      boundaryGap: [0, 0.01],
-      axisLabel: {
-        color: "#fff"
-      }
-    },
-    yAxis: {
       type: "category",
+      boundaryGap: true,
       axisLabel: {
-        color: "#fff"
+        color: "#fff",
+        interval: 0
       },
       data: [
         "一月",
@@ -217,6 +258,13 @@
         "十二月"
       ]
     },
+    yAxis: {
+      type: "value",
+
+      axisLabel: {
+        color: "#fff"
+      }
+    },
     series: [
       {
         name: "客户数",
@@ -230,25 +278,31 @@
 
 function economicMiddle(data) {
   let option = {
-    // title: {
-    //   text: "公司保安类数据对比",
-    //   textStyle: {
-    //     color: "#fff"
-    //   }
-    // },
     tooltip: {
       trigger: "axis"
     },
     legend: {
-      data: [
-        "缴纳社保人数",
-        '公司派遣人数'
-      ],
+      data: ["缴纳社保人数", "公司派遣人数"],
       bottom: "0%",
       textStyle: {
         color: "#fff"
       }
     },
+    color: [
+      "#73c0de",
+
+      "#fac858",
+      "#91cc75",
+      "#3ba272",
+      "#fc8452",
+      "#9a60b4",
+      "#3fb1e3",
+      "#6be6c1",
+      "#626c91",
+      "#a0a7e6",
+      "#c4ebad",
+      "#96dee8"
+    ],
     grid: {
       top: "10%",
       left: "5%",
@@ -295,7 +349,7 @@
         type: "line",
         stack: "总量",
         data: [220, 182, 191, 234, 290, 330, 310, 111, 222, 132, 143, 123]
-      },
+      }
     ]
   };
   return option;
@@ -336,6 +390,21 @@
         color: "#fff"
       }
     },
+    color: [
+      "#73c0de",
+
+      "#fac858",
+      "#91cc75",
+      "#3ba272",
+      "#fc8452",
+      "#9a60b4",
+      "#3fb1e3",
+      "#6be6c1",
+      "#626c91",
+      "#a0a7e6",
+      "#c4ebad",
+      "#96dee8"
+    ],
     series: [
       {
         name: "人员分布",

--
Gitblit v1.9.3