功率折线图添加阴影

psdc-ui/src/views/bigview/index.vue

@@ -835,7 +835,16 @@ function dqglChartFun(){
         symbol: "none", //去掉圆点
         itemStyle: { //线条颜色
           color: '#128dff',
-        }
+        },
+        areaStyle: {
+          normal: {
+            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+              {offset: 0, color: "#128dff"},
+              {offset: 0.5, color: "rgba(18,141,252,.2)"},
+              {offset: 1, color: "rgba(18,141,252,.0)"}
+            ])
+          }
+        }, //设置折线区域渐变颜色
       }
     ]
   };

psdc-ui/src/views/emonitor/db/index.vue

@@ -336,6 +336,15 @@ export default {
               itemStyle:{
                 color:'#2F8EE0'
               },
+              areaStyle: {
+                normal: {
+                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    {offset: 0, color: "#128dff"},
+                    {offset: 0.5, color: "rgba(18,141,252,.2)"},
+                    {offset: 1, color: "rgba(18,141,252,.0)"}
+                  ])
+                }
+              }, //设置折线区域渐变颜色
               symbol: "none", //去掉拐角点
               markPoint: {
                 itemStyle: {

psdc-ui/src/views/emonitor/drgl/index.vue

@@ -741,6 +741,15 @@ export default {
                   {type: "min", name: "最小值"}
                 ]
               },
+              areaStyle: {
+                normal: {
+                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    {offset: 0, color: "#128dff"},
+                    {offset: 0.5, color: "rgba(18,141,252,.2)"},
+                    {offset: 1, color: "rgba(18,141,252,.0)"}
+                  ])
+                }
+              }, //设置折线区域渐变颜色
             },
           ],
         });

psdc-ui/src/views/emonitor/frdl/index.vue

@@ -726,6 +726,15 @@ export default {
                   {type: "min", name: "最小值"}
                 ]
               },
+              areaStyle: {
+                normal: {
+                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    {offset: 0, color: "#128dff"},
+                    {offset: 0.5, color: "rgba(18,141,252,.2)"},
+                    {offset: 1, color: "rgba(18,141,252,.0)"}
+                  ])
+                }
+              }, //设置折线区域渐变颜色
             },
           ],
         });

psdc-ui/src/views/emonitor/kqyrb/index.vue

@@ -738,6 +738,15 @@ export default {
                   {type: "min", name: "最小值"}
                 ]
               },
+              areaStyle: {
+                normal: {
+                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    {offset: 0, color: "#128dff"},
+                    {offset: 0.5, color: "rgba(18,141,252,.2)"},
+                    {offset: 1, color: "rgba(18,141,252,.0)"}
+                  ])
+                }
+              }, //设置折线区域渐变颜色
             },
           ],
         });

psdc-ui/src/views/emonitor/xrgl/index.vue

@@ -430,6 +430,15 @@ export default {
                   {type: "min", name: "最小值"}
                 ]
               },
+              areaStyle: {
+                normal: {
+                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    {offset: 0, color: "#128dff"},
+                    {offset: 0.5, color: "rgba(18,141,252,.2)"},
+                    {offset: 1, color: "rgba(18,141,252,.0)"}
+                  ])
+                }
+              }, //设置折线区域渐变颜色
             },
           ],
         });

psdc-ui/src/views/system/device/index.vue

@@ -45,11 +45,11 @@
             <el-table-column label="设备位置" align="center" prop="deviceAddress"/>
             <el-table-column label="设备状态" align="center" prop="devStatus"/>
             <el-table-column label="设备Sn" align="center" prop="deviceSn"/>
-            <el-table-column label="当前功率" align="center" prop="totp"/>
-            <el-table-column label="总用电量" align="center" prop="totWh"/>
-            <el-table-column label="温度" align="center" prop="temp"/>
-            <el-table-column label="进水温度" align="center" prop="tempIn"/>
-            <el-table-column label="出水温度" align="center" prop="tempOut"/>
+            <el-table-column label="当前功率(kW)" align="center" prop="totp"/>
+            <el-table-column label="总用电量(kWh)" align="center" prop="totWh"/>
+            <el-table-column label="温度(℃)" align="center" prop="temp"/>
+            <el-table-column label="进水温度(℃)" align="center" prop="tempIn"/>
+            <el-table-column label="出水温度(℃)" align="center" prop="tempOut"/>
             <el-table-column label="操作" align="center" prop="handle" width="380">
               <template v-slot="scope" style="display: flex">
                 <el-upload