仪表盘

src/pages/modules/home/right/right.vue

@@ -203,8 +203,8 @@ export default {
       this.capacityRate.map(el => {
         cdata.push({name: el.device_name, data: el.numerical})
       })
-      let centerArr = [['25%', '35%'], ['75%', '35%'], ['25%', '90%'], ['75%', '90%']]
+      let centerArr = [['25%', '38%'], ['75%', '38%'], ['25%', '89%'], ['75%', '89%']]
-      let topArr = ['35%', '35%', '90%', '90%']
+      let topArr = ['39%', '39%', '90%', '90%']
       let leftArr = ['0%', '50%', '0%', '50%']
       let titleArr = []
       let seriesArr = []
@@ -222,10 +222,12 @@ export default {
         seriesArr.push({
           name: item.name,
           type: 'gauge',
-          splitNumber: 10,
+          radius: '63%',
-          radius: '70%',
           startAngle: 180,
           endAngle: 0,
+          min: 0,
+          max: 100,
+          splitNumber: 5,
           center: centerArr[index],
           pointer: {// 仪表盘指针
             icon: 'image://' + img.pointerImg,
@@ -238,19 +240,23 @@ export default {
             lineStyle: {
               width: 10,
               color: [
-                [1 / 4, '#67D470'],
+                [1 / 5, '#67D470'],
-                [1 / 2, '#1980EA'],
+                [7 / 10, '#1980EA'],
-                [3 / 4, '#13448B'],
+                [4 / 5, '#13448B'],
                 [1, '#324C66']
               ]
             }
           },
           axisLabel: {
-            show: false
+            show: true,
+            color: '#3A578D',
+            fontSize: 14,
+            fontFamily: 'SourceHanSansCN-Regular',
+            distance: -8
           },
           axisTick: {
             show: true,
-            splitNumber: 3,
+            splitNumber: 5,
             distance: 0,
             lineStyle: {
               color: '#fff', // 用颜色渐变函数不起作用
@@ -275,7 +281,7 @@ export default {
             fontFamily: 'YouSheBiaoTiHei',
             color: '#D5F2FF',
             align: 'right',
-            offsetCenter: ['100%', 12],
+            offsetCenter: ['100%', 15],
             valueAnimation: true,
             formatter: '{value}' + '%'
           },