From b9ba66dcb21d6c61c029811239fb441ca225c0cf Mon Sep 17 00:00:00 2001
From: hey7845 <hey78450496@163.com>
Date: Sat, 12 Feb 2022 23:22:10 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B6=8B=E5=8A=BF=E5=9B=BE=E6=9F=B1=E7=8A=B6?=
 =?UTF-8?q?=E5=AE=BD=E5=BA=A6=E7=AD=89=E5=8A=9F=E8=83=BD=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../atmosphere/acid-rain/trend/index.vue      | 28 ++++++++++++-------
 src/views/atmosphere/air/trend/index.vue      | 11 +++++++-
 src/views/sound/function/trend/index.vue      |  9 ++++++
 src/views/sound/road/trend/index.vue          | 11 +++++++-
 src/views/sound/zone/trend/index.vue          |  9 ++++++
 5 files changed, 56 insertions(+), 12 deletions(-)

diff --git a/src/views/atmosphere/acid-rain/trend/index.vue b/src/views/atmosphere/acid-rain/trend/index.vue
index 806ce57..fdab60e 100644
--- a/src/views/atmosphere/acid-rain/trend/index.vue
+++ b/src/views/atmosphere/acid-rain/trend/index.vue
@@ -256,23 +256,31 @@ export default {
         yAxis: this.trendData.yAxis,
         series: this.trendData.series
       };
-      //添加一个新的刻度线 实现折线在柱状图的中间显示
-      // option.xAxis[1] = {
-      //   type: 'value',
-      //   max: option.xAxis[0].data.length,
-      //   show: false
-      // };
-
+      let barArray = option.series.filter(item => item.type === 'bar')
+      if (barArray && barArray.length <= 6) {
+        barArray.forEach(item => {
+          item.barWidth = 80
+          if (barArray.length === 1) {
+            item.itemStyle = { color: '#9fe080' }
+          }
+        })
+      }
       let lineArray = option.series.filter(item => item.type === 'line');
       lineArray.forEach((item, index) => {
-        // item.xAxisIndex = 1;
+        console.log("item", item);
         item.lineStyle = {
-          type: 'dashed'
+          type: 'dashed',
         };
+        if (lineArray.length === 2) {
+          if (index === 0) {
+            item.lineStyle.color = '#e8cd6a'
+          } else {
+            item.lineStyle.color = '#5c7bd9'
+          }
+        }
         if (index === 0) {
           item.label.offset = [20,30]
         }
-        // item.data = item.data.map((x, i) => [i + (1 / (option.legend.data.length + 1)) * (index + 1), x]);
       });
       console.log('option', option);
       trendChart.setOption(option);
diff --git a/src/views/atmosphere/air/trend/index.vue b/src/views/atmosphere/air/trend/index.vue
index f737520..b722627 100644
--- a/src/views/atmosphere/air/trend/index.vue
+++ b/src/views/atmosphere/air/trend/index.vue
@@ -371,7 +371,16 @@ export default {
         max: option.xAxis[0].data.length,
         show: false
       };
-
+      let barArray = option.series.filter(item => item.type === 'bar')
+      console.log("barArray", barArray);
+      if (barArray && barArray.length <= 6) {
+        barArray.forEach(item => {
+          item.barWidth = 80
+          if (barArray.length === 1) {
+            item.itemStyle = { color: '#9fe080' }
+          }
+        })
+      }
       let lineArray = option.series.filter(item => item.type === 'line');
       lineArray.forEach((item, index) => {
         item.xAxisIndex = 1;
diff --git a/src/views/sound/function/trend/index.vue b/src/views/sound/function/trend/index.vue
index abe9791..776235e 100644
--- a/src/views/sound/function/trend/index.vue
+++ b/src/views/sound/function/trend/index.vue
@@ -278,6 +278,15 @@
           yAxis: this.trendData.yAxis,
           series: this.trendData.series
         }
+        let barArray = option.series.filter(item => item.type === 'bar')
+        if (barArray && barArray.length <= 6) {
+          barArray.forEach(item => {
+            item.barWidth = 80
+            if (barArray.length === 1) {
+              item.itemStyle = { color: '#9fe080' }
+            }
+          })
+        }
         trendChart.setOption(option)
       }
     }
diff --git a/src/views/sound/road/trend/index.vue b/src/views/sound/road/trend/index.vue
index d9b47c4..f91f2ba 100644
--- a/src/views/sound/road/trend/index.vue
+++ b/src/views/sound/road/trend/index.vue
@@ -245,7 +245,16 @@
           max: option.xAxis[0].data.length,
           show: false
         }
-
+        // 设置bar宽度
+        let barArray = option.series.filter(item => item.type === 'bar')
+        if (barArray && barArray.length <= 6) {
+          barArray.forEach(item => {
+            item.barWidth = 80
+            if (barArray.length === 1) {
+              item.itemStyle = { color: '#9fe080' }
+            }
+          })
+        }
         let lineArray = option.series.filter(item => item.type === 'line')
         lineArray.forEach((item,index) => {
           item.xAxisIndex = 1
diff --git a/src/views/sound/zone/trend/index.vue b/src/views/sound/zone/trend/index.vue
index 5ff9562..e2de1d1 100644
--- a/src/views/sound/zone/trend/index.vue
+++ b/src/views/sound/zone/trend/index.vue
@@ -223,6 +223,15 @@
           yAxis: this.trendData.yAxis,
           series: this.trendData.series
         }
+        let barArray = option.series.filter(item => item.type === 'bar')
+        if (barArray && barArray.length <= 6) {
+          barArray.forEach(item => {
+            item.barWidth = 80
+            if (barArray.length === 1) {
+              item.itemStyle = { color: '#9fe080' }
+            }
+          })
+        }
         trendChart.setOption(option)
       }
     }