页面修改

src/views/screen/building/energyRateDialog.vue

@@ -839,7 +839,7 @@ export default {
 
           itemStyle: {
             color: '#D0612C',
-            opacity: 0.3,
+            opacity: 0.2,
             borderColor: '#DF3914', // 边框颜色
             borderWidth: 1,
             borderType: 'dashed',
@@ -857,7 +857,7 @@ export default {
               formatter: function (params) {
                 // 只显示第一个数据的名称
                 if (params.dataIndex === 0) {
-                    return '3M告警线'
+                    return '告警线'
                 } else {
                     return ''; // 其他数据不显示名称
                 }
@@ -867,10 +867,59 @@ export default {
               fontWeight: 'bold',
               color: '#DF3914'
             }
+            
           },
+          
           symbolPosition: 'end',
           data: [3, 3,]
         },
+         //左边刻度
+         {
+          name: '', //头部
+          type: 'pictorialBar',
+          zlevel: 1,
+          symbolSize: [138, 1], //顶部刻度的圆形
+          symbolOffset: [5, 0],
+          z: 12,
+          symbolPosition: 'end',
+
+          itemStyle: {
+            color: '#D0612C',
+            opacity: 0.2,
+            borderColor: '#DF3914', // 边框颜色
+            borderWidth: 1,
+            borderType: 'dashed',
+            borderDashOffset: 1
+          },
+          tooltip: {
+            show: false
+          },
+            //显示当前数值
+            label: {
+            normal: {
+              show: true,
+              position: 'top',
+              padding:[0,100,0,0], //调整左右位置
+              formatter: function (params) {
+                // 只显示第一个数据的名称
+                if (params.dataIndex === 0) {
+                    return '3M'
+                } else {
+                    return ''; // 其他数据不显示名称
+                }
+            },
+              // "formatter": "{c}M告警线",
+              fontSize: 14,
+              fontWeight: 'bold',
+              color: '#DF3914'
+            }
+            
+          },
+          
+          symbolPosition: 'end',
+          data: [3, 3,]
+        },
+
 
         //底部外面刻度的圆形
         {
@@ -1216,7 +1265,7 @@ export default {
 
           itemStyle: {
             color: '#D0612C',
-            opacity: 0.3,
+            opacity: 0.2,
             borderColor: '#DF3914', // 边框颜色
             borderWidth: 1,
             borderType: 'dashed',
@@ -1234,7 +1283,7 @@ export default {
               formatter: function (params) {
                 // 只显示第一个数据的名称
                 if (params.dataIndex === 0) {
-                    return '3M告警线'
+                    return '告警线'
                 } else {
                     return ''; // 其他数据不显示名称
                 }
@@ -1248,6 +1297,52 @@ export default {
           symbolPosition: 'end',
           data: [3, 3,]
         },
+        //左边刻度
+        {
+          name: '', //头部
+          type: 'pictorialBar',
+          zlevel: 1,
+          symbolSize: [138, 1], //顶部刻度的圆形
+          symbolOffset: [5, 0],
+          z: 12,
+          symbolPosition: 'end',
+
+          itemStyle: {
+            color: '#D0612C',
+            opacity: 0.2,
+            borderColor: '#DF3914', // 边框颜色
+            borderWidth: 1,
+            borderType: 'dashed',
+            borderDashOffset: 1
+          },
+          tooltip: {
+            show: false
+          },
+            //显示当前数值
+            label: {
+            normal: {
+              show: true,
+              position: 'top',
+              padding:[0,100,0,0], //调整左右位置
+              formatter: function (params) {
+                // 只显示第一个数据的名称
+                if (params.dataIndex === 0) {
+                    return '3M'
+                } else {
+                    return ''; // 其他数据不显示名称
+                }
+            },
+              // "formatter": "{c}M告警线",
+              fontSize: 14,
+              fontWeight: 'bold',
+              color: '#DF3914'
+            }
+            
+          },
+          
+          symbolPosition: 'end',
+          data: [3, 3,]
+        },
 
         //底部外面刻度的圆形
         {