From 611f5b5e69ae5379cb4ba6688035c438733fdf2c Mon Sep 17 00:00:00 2001
From: hey7845 <hey78450496@163.com>
Date: Tue, 28 Dec 2021 16:57:30 +0800
Subject: [PATCH] =?UTF-8?q?=E6=98=BE=E7=A4=BA=E9=94=99=E4=BD=8D=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/sound/road/trend/index.vue | 28 +++++++++-------------------
 1 file changed, 9 insertions(+), 19 deletions(-)

diff --git a/src/views/sound/road/trend/index.vue b/src/views/sound/road/trend/index.vue
index 82c26ec..f798655 100644
--- a/src/views/sound/road/trend/index.vue
+++ b/src/views/sound/road/trend/index.vue
@@ -64,7 +64,7 @@
 
 <script>
   import * as echarts from 'echarts'
-  import { markRaw } from 'vue'
+  let trendChart;
   import {
     getColumnOptions,
     getTrendChart,
@@ -83,10 +83,9 @@
           areaList: ['南宁市'],
           placeList: [],
           regionLevel: '市级', // 区域等级
-          xco: '年度' // 横坐标
+          xco: '区域/测点名称' // 横坐标
         },
         trendData: [],
-        chartColumn: null,
         regionLevelOptions: [],
         placeOptions: [],
         areaOptions: [],
@@ -190,24 +189,14 @@
         })
       },
       initChart() {
-        // const colors = ['#5470C6', '#91CC75', '#EE6666'];
         this.trendData.yAxis[0].axisLabel = {
           formatter: function (value) { return value.toFixed(1);},
         }
-        // this.trendData.yAxis[0].axisLine = {
-        //   show: true,
-        //   lineStyle: {
-        //     color: colors[0]
-        //   }
-        // }
-        // this.trendData.yAxis[1].axisLine = {
-        //   show: true,
-        //   lineStyle: {
-        //     color: colors[1]
-        //   }
-        // }
-        this.chartColumn = markRaw(echarts.init(document.getElementById('chartColumn')))
-        this.chartColumn.setOption({
+        if (trendChart != null && trendChart != "" && trendChart != undefined) {
+            trendChart.dispose();// 销毁
+        }
+        trendChart = echarts.init(document.getElementById('chartColumn'))
+        let option = {
           tooltip: {
             trigger: 'axis',
             axisPointer: {
@@ -228,7 +217,8 @@
           xAxis: this.trendData.xAxis,
           yAxis: this.trendData.yAxis,
           series: this.trendData.series
-        })
+        }
+        trendChart.setOption(option)
       }
     }