From 2e8795ccb3c1f967826a278ea06446d04da19ef6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=BB=E7=8F=AE=E5=AE=87?= <peiyu_ren@163.com>
Date: Tue, 23 Jan 2024 11:58:27 +0800
Subject: [PATCH] =?UTF-8?q?8.=20=E5=8E=BB=E6=8E=89=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E6=9D=A1=0B5.2=20X=E8=BD=B4=20=E6=97=B6=E5=88=86=E7=A7=92?=
 =?UTF-8?q?=E6=8D=A2=E8=A1=8C=EF=BC=8C=20=E5=B7=A6=E5=8F=B3=E4=B8=A4?=
 =?UTF-8?q?=E7=AB=AF=E4=B8=8D=E8=A6=81=E8=B6=85=E5=87=BA=E8=8C=83=E5=9B=B4?=
 =?UTF-8?q?=E5=AF=BC=E8=87=B4=E6=98=BE=E7=A4=BA=E4=B8=8D=E5=85=A8=0B4.4=20?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2=20type=20=E4=B9=8B=E5=90=8E=EF=BC=8C?=
 =?UTF-8?q?=E5=BA=94=E8=AF=A5=E9=83=BD=E5=88=A0=E6=8E=89=E8=80=8C=E4=B8=8D?=
 =?UTF-8?q?=E6=98=AF=E5=8F=AA=E5=88=A0=E4=B8=80=E4=B8=AA=0B4.3=20=E5=85=88?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E4=B8=A4=E4=B8=AA=E5=8F=B0=E7=AB=99=EF=BC=8C?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2=E7=B1=BB=E5=9E=8B=E4=B9=8B=E5=90=8E=E8=BF=98?=
 =?UTF-8?q?=E8=83=BD=E7=BB=A7=E7=BB=AD=E9=80=89=E6=8B=A9=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=0B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Statistics/statistics/index.vue           | 25 ++++++++++++++-----
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/views/statistics/Statistics/statistics/index.vue b/src/views/statistics/Statistics/statistics/index.vue
index 970fd59..1e323fb 100644
--- a/src/views/statistics/Statistics/statistics/index.vue
+++ b/src/views/statistics/Statistics/statistics/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="height: 100%">
+  <div style="height: 100%; overflow: hidden">
     <a-card :bordered="false" style="margin-left: 20px; height: 100%">
       <div class="layout-header">
         <a-row type="flex" :gutter="20" style="margin-bottom: 20px">
@@ -134,7 +134,7 @@ const commonOptions = {
     trigger: 'axis',
   },
   legend: {
-    inactiveColor: '#5f5f5f',
+    inactiveColor: 'rgba(153, 177, 189,.5)',
     lineStyle: {
       inactiveColor: '#333',
     },
@@ -181,12 +181,15 @@ const commonOptions = {
     },
     axisLabel: {
       color: '#ade6ee',
-      // color: '#5b9cba',
       formatter: (value, index) => {
         let val = value.split(' ').join('\n')
-        // if (index === 0) {
-        //   return '        ' + val
-        // }
+        if (index === 0) {
+          let arr = value.split(' ')
+          arr[0] = '                   ' + arr[0]
+          arr[1] = '                   ' + arr[1]
+          let str = arr.join('\n')
+          return str
+        }
         if (index === xDataLength - 1) {
           let arr = value.split(' ')
           arr[0] = arr[0] + '                   '
@@ -283,7 +286,10 @@ export default {
   methods: {
     moment,
     typeChange(val) {
+      this.disposeCharts()
       this.stationIds = []
+      // this.queryParams.dbName = undefined
+      this.queryParams.nuclideNames = []
       this.queryParams.systemType = val
       if (val == 'Particulate') this.menuName = 'Particulate'
       if (val == 'gamma') this.menuName = 'Noble Gas HPGe'
@@ -435,6 +441,13 @@ export default {
         this.$message.warning('No downloadable data')
       }
     },
+    // 清除图表
+    disposeCharts() {
+      if (this.chartOne) this.chartOne.dispose()
+      if (this.chartLeft) this.chartLeft.dispose()
+      if (this.chartRight) this.chartRight.dispose()
+      this.titleOne = this.titleLeft = this.titleRight = 'Nuclide History'
+    },
 
     filterOption(input, option) {
       return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0