王子文 2022年4月13日 16点56分 电厂大屏

第一页面：
9）HHP/HP/MP/LP 四个颜色的确保需要再明显点。

ui/src/views/monitor/elec/echart/bottom/bottomLeftChart.vue

@@ -219,9 +219,11 @@ export default {
               normal: {
                 barBorderRadius: 5,
                 color: new this.echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                  { offset: 0, color: "#5FC6E5" },
-                  { offset: 1, color: "#135E73" }
-                  
+                  // { offset: 0, color: "#5FC6E5" },
+                  // { offset: 1, color: "#135E73" }
+                  { offset: 0, color: "rgba(95,198,299,0.8)" },
+                  { offset: 0.2, color: "rgba(95,198,299,0.5)" },
+                  { offset: 1, color: "rgba(95,198,299,0.2)" }
                 ])
               }
             },
@@ -238,8 +240,11 @@ export default {
               normal: {
                 barBorderRadius: 5,
                 color: new this.echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                  { offset: 0, color: "#DEBC16" },
-                  { offset: 1, color: "#73610B" }
+                  // { offset: 0, color: "#DEBC16" },
+                  // { offset: 1, color: "#73610B" }
+                  { offset: 0, color: "rgba(222,188,22,0.8)" },
+                  { offset: 0.2, color: "rgba(222,188,22,0.5)" },
+                  { offset: 1, color: "rgba(222,188,22,0.2)" }
                 ])
               }
             },
@@ -258,8 +263,11 @@ export default {
               normal: {
                 barBorderRadius: 5,
                 color: new this.echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                  { offset: 0, color: "#07DEA4" },
-                  { offset: 1, color: "#047959" }
+                  // { offset: 0, color: "#07DEA4" },
+                  // { offset: 1, color: "#047959" }
+                  { offset: 0, color: "rgba(7,222,164,0.8)" },
+                  { offset: 0.2, color: "rgba(7,222,164,0.5)" },
+                  { offset: 1, color: "rgba(7,222,164,0.2)" }
                 ])
               }
             },
@@ -447,7 +455,7 @@ export default {
             smooth: true,
             showAllSymbol: true,
             symbol: "emptyCircle",
-            symbolSize: 13,
+            symbolSize: 8,
             yAxisIndex: 1,
             itemStyle: {
               normal: {
@@ -460,13 +468,16 @@ export default {
           {
             name: 'HHP',
             type: "bar",
-            barWidth: 20,
+            barWidth: 10,
             itemStyle: {
               normal: {
                 barBorderRadius: 5,
                 color: new this.echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                  { offset: 0, color: "#87d4de" },
-                  { offset: 1, color: "#4da2db" }
+                  // { offset: 0, color: "#5FC6E5" },
+                  // { offset: 1, color: "#135E73" }
+                  { offset: 0, color: "rgba(95,198,299,0.8)" },
+                  { offset: 0.2, color: "rgba(95,198,299,0.5)" },
+                  { offset: 1, color: "rgba(95,198,299,0.2)" }
                 ])
               }
             },
@@ -478,13 +489,16 @@ export default {
             type: "bar",
             barGap: "-100%",
             stack: 'Ad',
-            barWidth: 20,
+            barWidth: 10,
             itemStyle: {
               normal: {
                 barBorderRadius: 5,
                 color: new this.echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                  { offset: 0, color: "#956FD4" },
-                  { offset: 1, color: "#3EACE5" }
+                  // { offset: 0, color: "#DEBC16" },
+                  // { offset: 1, color: "#73610B" }
+                  { offset: 0, color: "rgba(222,188,22,0.8)" },
+                  { offset: 0.2, color: "rgba(222,188,22,0.5)" },
+                  { offset: 1, color: "rgba(222,188,22,0.2)" }
                 ])
               }
             },
@@ -493,19 +507,21 @@ export default {
             data: HPData
           },
 
-          {
+            {
             name: 'MP',
             type: "bar",
             barGap: "-100%",
             stack: 'Ad',
-            barWidth: 20,
+            barWidth: 10,
             itemStyle: {
               normal: {
                 barBorderRadius: 5,
                 color: new this.echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                  { offset: 0, color: "rgba(208,107,211,0.8)" },
-                  { offset: 0.2, color: "rgba(208,107,211,0.5)" },
-                  { offset: 1, color: "rgba(208,107,211,0.2)" }
+                  // { offset: 0, color: "#07DEA4" },
+                  // { offset: 1, color: "#047959" }
+                  { offset: 0, color: "rgba(7,222,164,0.8)" },
+                  { offset: 0.2, color: "rgba(7,222,164,0.5)" },
+                  { offset: 1, color: "rgba(7,222,164,0.2)" }
                 ])
               }
             },
@@ -519,7 +535,7 @@ export default {
             type: "bar",
             barGap: "-100%",
             stack: 'Ad',
-            barWidth: 20,
+            barWidth: 10,
             itemStyle: {
               normal: {
                 barBorderRadius: 5,
@@ -536,7 +552,6 @@ export default {
           },
 
           
-
         ]
       };
       this.chart2.setOption(option);