瀏覽代碼

[Feat 0000] 公司端首页图表修改

houzekong 4 月之前
父節點
當前提交
2a2620533e
共有 2 個文件被更改,包括 15 次插入8 次删除
  1. 13 7
      src/views/vent/home/clique/components/wind-road-middle.vue
  2. 2 1
      src/views/vent/home/clique/index.vue

+ 13 - 7
src/views/vent/home/clique/components/wind-road-middle.vue

@@ -10,8 +10,8 @@
       </div>
       <div class="road-card">
         <div class="head-nav">
-          <span>{{ roadDatas.label }} : </span>
-          <span>{{ parseBigInt(roadDatas.value) }}</span>
+          <!-- <span>{{ roadDatas.label }} : </span>
+          <span>{{ parseBigInt(roadDatas.value) }}</span> -->
         </div>
         <div class="echart-box">
           <div ref="road" class="road"></div>
@@ -66,12 +66,14 @@
           right: '2%',
           containLabel: true,
         },
+        tooltip: {
+          show: true,
+        },
         xAxis: {
           data: xData.value,
           axisTick: {
             show: false,
           },
-
           axisLine: {
             lineStyle: {
               color: 'rgba(187, 187, 187,.2)',
@@ -88,11 +90,13 @@
               fontSize: 12,
             },
             margin: 20, //刻度标签与轴线之间的距离。
+            width: 50,
+            overflow: 'break',
           },
         },
         yAxis: {
           // max: Math.ceil(parseInt(roadDatas.value) + 1000),
-          name: '长度(m)',
+          name: '长度(m)',
           nameTextStyle: {
             color: '#3df6ff',
             fontSize: 12,
@@ -117,7 +121,6 @@
             },
           },
         },
-
         series: [
           // {
           //   //三个最低下的圆片
@@ -164,7 +167,6 @@
               //lenged文本
               opacity: 0.7,
               color: function (params) {
-                console.log(params, 'index-----222222222222222');
                 return new echarts.graphic.LinearGradient(
                   0,
                   0,
@@ -242,6 +244,11 @@
                 // // }
               },
             },
+            label: {
+              show: true,
+              color: '#fff',
+              position: 'top',
+            },
             data: yData.value,
           },
 
@@ -324,7 +331,6 @@
               color: '#163F7A',
               opacity: 0.7,
             },
-
             data: maxData,
           },
         ],

+ 2 - 1
src/views/vent/home/clique/index.vue

@@ -136,7 +136,8 @@
           warningListTemp.push({ orgcode: el.orgcode, isWarning: false });
         }
 
-        roadData.data.push(el.sys_data.totallength);
+        roadData.data.push(el.sys_data.flength);
+        // roadData.data.push(el.sys_data.totallength);
         roadData.data1.push(el.sys_data.deviceName);
       });
       warningList.value = warningListTemp;