更改

ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/changesIndicators/assets/charts3.js

@@ -37,7 +37,7 @@ let options = {
     left: 0,
     right: 0,
     top: "13%",
-    bottom: "5%",
+    bottom: "6%",
     containLabel: true,
   },
   xAxis: {
@@ -51,7 +51,7 @@ let options = {
     },
     axisLine: {
       lineStyle: {
-        color: "#1C82C5",
+        color: "#27B5D7",
       },
     },
     axisLabel: {
@@ -60,8 +60,8 @@ let options = {
       rotate: "1",
       margin: "20",
       textStyle: {
-        fontSize: 12,
-        color: "#50A2C1",
+        fontSize: 10,
+        color: "#fff",
       },
     },
   },
@@ -70,20 +70,20 @@ let options = {
       min: 0,
       axisLine: {
         lineStyle: {
-          color: "#1C82C5",
+          color: "#27B5D7",
         },
       },
       splitLine: {
         show: true,
         lineStyle: {
-          color: "rgba(28, 130, 197, .3)",
+          color: "#1D87A4",
           type: "solid",
         },
       },
       axisLabel: {
-        color: "#DEEBFF",
+        color: "#fff",
         textStyle: {
-          fontSize: 12,
+          fontSize: 10,
         },
       },
       axisTick: {
@@ -97,7 +97,7 @@ let options = {
     itemHeight: 8,
     itemWidth: 8,
     top: "0%",
-    x: "80%",
+    right: "0",
     textStyle: {
       color: "#fff",
     },
@@ -112,13 +112,13 @@ let options = {
       {
         name: "饱和度",
         itemStyle: {
-          color: "#08BAF4",
+          color: "#07A3FB",
         },
       },
       {
         name: "拥挤度",
         itemStyle: {
-          color: "#EAB63B",
+          color: "#E2BA74",
         },
       },
     ],
@@ -157,7 +157,7 @@ let options = {
       },
       itemStyle: {
         // lenged文本
-        opacity: 0.6,
+        opacity: 1,
         color: function (params) {
           var a = params.name;
           // console.log("==========a=============",a);
@@ -169,7 +169,7 @@ let options = {
             [
               {
                 offset: 0,
-                color: "#1AC5FD", // 0% 处的颜色
+                color: "#07A3FB", // 0% 处的颜色
               },
               {
                 offset: 1,
@@ -193,8 +193,8 @@ let options = {
       symbolSize: [20, 20],
       symbolOffset: ["-115%", 0],
       itemStyle: {
-        color: "#FFF",
-        shadowColor: "rgba(0, 255, 254, 0.53)",
+        color: "#E2BA74",
+        shadowColor: "#E2BA74",
         shadowBlur: 5,
         borderWidth: 1,
         opacity: 1,
@@ -226,7 +226,7 @@ let options = {
               [
                 {
                   offset: 0,
-                  color: "#00E4BB53", // 0% 处的颜色
+                  color: "#32BB8A", // 0% 处的颜色
                 },
                 {
                   offset: 1,
@@ -240,7 +240,7 @@ let options = {
       },
       itemStyle: {
         // lenged文本
-        opacity: 0.6,
+        opacity: 1,
         color: function (params) {
           var a = params.name;
           // console.log("==========a=============",a);
@@ -308,7 +308,7 @@ let options = {
               [
                 {
                   offset: 0,
-                  color: "#1AC5FD", // 0% 处的颜色
+                  color: "#E2BA74", // 0% 处的颜色
                 },
                 {
                   offset: 1,
@@ -322,7 +322,7 @@ let options = {
       },
       itemStyle: {
         // lenged文本
-        opacity: 0.6,
+        opacity: 1,
         color: function (params) {
           var a = params.name;
           // console.log("==========a=============",a);