diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index b58cdc4..e284375 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -202,6 +202,9 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       let i = 0;
       allData.timer = setInterval(() => {

diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index b58cdc4..e284375 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -202,6 +202,9 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       let i = 0;
       allData.timer = setInterval(() => {
diff --git a/src/views/oneMap/Echarts/RainfallEcharts.vue b/src/views/oneMap/Echarts/RainfallEcharts.vue
index c47f997..cc1889c 100644
--- a/src/views/oneMap/Echarts/RainfallEcharts.vue
+++ b/src/views/oneMap/Echarts/RainfallEcharts.vue
@@ -2,11 +2,11 @@
   <div :id="id" style="width: 100%; height: 100%"></div>
 </template>
 <script>
-import * as echarts from 'echarts';
-import { guid } from '@/utils/ruoyi';
-import { reactive, toRefs, onMounted, watch, onUnmounted } from 'vue';
+import * as echarts from "echarts";
+import { guid } from "@/utils/ruoyi";
+import { reactive, toRefs, onMounted, watch, onUnmounted } from "vue";
 export default {
-  name: 'line-chart',
+  name: "line-chart",
   props: {
     data: Object,
     refresh: Number,
@@ -29,16 +29,16 @@
       let chartDom = echarts.init(document.getElementById(allData.id));
 
       var shadowYData = [100, 100];
-      var color = 'rgba(31,227,249,1)';
-      var shadowColor = '#0b5767';
+      var color = "rgba(31,227,249,1)";
+      var shadowColor = "#0b5767";
       var barWidth = 12;
 
       var option;
       option = {
-        color: ['#3FFFC2', '#FFF21C'],
+        color: ["#3FFFC2", "#FFF21C"],
 
         tooltip: {
-          trigger: 'axis',
+          trigger: "axis",
           // formatter: "{b}：{c}㎡",
           // feature: {
           //   mark: { show: true },
@@ -53,13 +53,19 @@
           //     color: "#fff"
           //   }
           // },
-          formatter: params => {
+          formatter: (params) => {
             // console.log(params);
-            var relVal = '' + params[0].name;
+            var relVal = "" + params[0].name;
             for (var i = 0, l = params.length; i < l; i++) {
               if (params[i].seriesName) {
-                let unit = params[i].seriesName == '年降雨量' ? 'mm' : '天';
-                relVal += '<br/>' + params[i].marker + params[i].seriesName + ' ' + params[i].value + unit;
+                let unit = params[i].seriesName == "年降雨量" ? "mm" : "天";
+                relVal +=
+                  "<br/>" +
+                  params[i].marker +
+                  params[i].seriesName +
+                  " " +
+                  params[i].value +
+                  unit;
               }
             }
             return relVal;
@@ -71,19 +77,19 @@
           right: 20,
         },
         legend: {
-          data: ['年降雨量'],
+          data: ["年降雨量"],
           textStyle: {
-            color: '#fff',
+            color: "#fff",
           },
         },
         xAxis: [
           {
-            type: 'category',
+            type: "category",
             axisLine: {
               show: false,
               lineStyle: {
                 width: 2,
-                color: '#58b2ed',
+                color: "#58b2ed",
               },
             },
             splitLine: {
@@ -93,28 +99,28 @@
               show: false,
             },
             axisLabel: {
-              color: 'rgba(255,255,255,1)',
+              color: "rgba(255,255,255,1)",
               fontSize: 14,
-              fontFamily: 'AlibabaPuHuiTi',
+              fontFamily: "AlibabaPuHuiTi",
             },
             data: props.data.xAxis,
           },
         ],
         yAxis: [
           {
-            name: '降雨量(mm)',
-            type: 'value',
+            name: "降雨量(mm)",
+            type: "value",
             axisLabel: {
-              color: '#fff',
+              color: "#fff",
               show: true,
             },
             nameTextStyle: {
-              color: '#fff',
+              color: "#fff",
             },
             splitLine: {
               lineStyle: {
-                type: 'dashed',
-                color: '#60C2FF',
+                type: "dashed",
+                color: "#60C2FF",
               },
             },
             alignTicks: true,
@@ -128,20 +134,20 @@
             bottom: 18,
             start: 0,
             end: 100,
-            handleSize: '100%',
-            fillerColor: '#94FA41',
-            borderColor: 'transparent',
-            backgroundColor: 'rgba(148, 250, 65, 0.2)',
+            handleSize: "100%",
+            fillerColor: "#94FA41",
+            borderColor: "transparent",
+            backgroundColor: "rgba(148, 250, 65, 0.2)",
             handleStyle: {
-              color: '#94FA41',
+              color: "#94FA41",
             },
             moveHandleSize: 0,
             textStyle: {
-              color: '#fff',
+              color: "#fff",
             },
           },
           {
-            type: 'inside',
+            type: "inside",
             show: true,
             height: 15,
             start: 1,
@@ -150,20 +156,20 @@
         ],
         series: [
           {
-            name: '年降雨量',
-            type: 'bar',
+            name: "年降雨量",
+            type: "bar",
             barWidth: barWidth,
-            barGap: '10%', // Make series be overlap
-            barCateGoryGap: '10%',
+            barGap: "10%", // Make series be overlap
+            barCateGoryGap: "10%",
             itemStyle: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [
                 {
                   offset: 0,
-                  color: 'rgba(24, 255, 255, 1)',
+                  color: "rgba(24, 255, 255, 1)",
                 },
                 {
                   offset: 1,
-                  color: 'rgba(188, 255, 255, 1)',
+                  color: "rgba(188, 255, 255, 1)",
                 },
               ]),
             },
@@ -189,13 +195,16 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       let i = 0;
       allData.timer = setInterval(() => {
         i++;
         if (i == length) i = 0;
         allData.chart.dispatchAction({
-          type: 'showTip',
+          type: "showTip",
           seriesIndex: 0,
           dataIndex: i,
         });
@@ -203,7 +212,7 @@
     }
     onMounted(() => {
       init();
-      window.addEventListener('resize', resizeTheChart);
+      window.addEventListener("resize", resizeTheChart);
     });
     onUnmounted(() => {
       if (allData.timer) clearInterval(allData.timer);

diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index b58cdc4..e284375 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -202,6 +202,9 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       let i = 0;
       allData.timer = setInterval(() => {
diff --git a/src/views/oneMap/Echarts/RainfallEcharts.vue b/src/views/oneMap/Echarts/RainfallEcharts.vue
index c47f997..cc1889c 100644
--- a/src/views/oneMap/Echarts/RainfallEcharts.vue
+++ b/src/views/oneMap/Echarts/RainfallEcharts.vue
@@ -2,11 +2,11 @@
   <div :id="id" style="width: 100%; height: 100%"></div>
 </template>
 <script>
-import * as echarts from 'echarts';
-import { guid } from '@/utils/ruoyi';
-import { reactive, toRefs, onMounted, watch, onUnmounted } from 'vue';
+import * as echarts from "echarts";
+import { guid } from "@/utils/ruoyi";
+import { reactive, toRefs, onMounted, watch, onUnmounted } from "vue";
 export default {
-  name: 'line-chart',
+  name: "line-chart",
   props: {
     data: Object,
     refresh: Number,
@@ -29,16 +29,16 @@
       let chartDom = echarts.init(document.getElementById(allData.id));
 
       var shadowYData = [100, 100];
-      var color = 'rgba(31,227,249,1)';
-      var shadowColor = '#0b5767';
+      var color = "rgba(31,227,249,1)";
+      var shadowColor = "#0b5767";
       var barWidth = 12;
 
       var option;
       option = {
-        color: ['#3FFFC2', '#FFF21C'],
+        color: ["#3FFFC2", "#FFF21C"],
 
         tooltip: {
-          trigger: 'axis',
+          trigger: "axis",
           // formatter: "{b}：{c}㎡",
           // feature: {
           //   mark: { show: true },
@@ -53,13 +53,19 @@
           //     color: "#fff"
           //   }
           // },
-          formatter: params => {
+          formatter: (params) => {
             // console.log(params);
-            var relVal = '' + params[0].name;
+            var relVal = "" + params[0].name;
             for (var i = 0, l = params.length; i < l; i++) {
               if (params[i].seriesName) {
-                let unit = params[i].seriesName == '年降雨量' ? 'mm' : '天';
-                relVal += '<br/>' + params[i].marker + params[i].seriesName + ' ' + params[i].value + unit;
+                let unit = params[i].seriesName == "年降雨量" ? "mm" : "天";
+                relVal +=
+                  "<br/>" +
+                  params[i].marker +
+                  params[i].seriesName +
+                  " " +
+                  params[i].value +
+                  unit;
               }
             }
             return relVal;
@@ -71,19 +77,19 @@
           right: 20,
         },
         legend: {
-          data: ['年降雨量'],
+          data: ["年降雨量"],
           textStyle: {
-            color: '#fff',
+            color: "#fff",
           },
         },
         xAxis: [
           {
-            type: 'category',
+            type: "category",
             axisLine: {
               show: false,
               lineStyle: {
                 width: 2,
-                color: '#58b2ed',
+                color: "#58b2ed",
               },
             },
             splitLine: {
@@ -93,28 +99,28 @@
               show: false,
             },
             axisLabel: {
-              color: 'rgba(255,255,255,1)',
+              color: "rgba(255,255,255,1)",
               fontSize: 14,
-              fontFamily: 'AlibabaPuHuiTi',
+              fontFamily: "AlibabaPuHuiTi",
             },
             data: props.data.xAxis,
           },
         ],
         yAxis: [
           {
-            name: '降雨量(mm)',
-            type: 'value',
+            name: "降雨量(mm)",
+            type: "value",
             axisLabel: {
-              color: '#fff',
+              color: "#fff",
               show: true,
             },
             nameTextStyle: {
-              color: '#fff',
+              color: "#fff",
             },
             splitLine: {
               lineStyle: {
-                type: 'dashed',
-                color: '#60C2FF',
+                type: "dashed",
+                color: "#60C2FF",
               },
             },
             alignTicks: true,
@@ -128,20 +134,20 @@
             bottom: 18,
             start: 0,
             end: 100,
-            handleSize: '100%',
-            fillerColor: '#94FA41',
-            borderColor: 'transparent',
-            backgroundColor: 'rgba(148, 250, 65, 0.2)',
+            handleSize: "100%",
+            fillerColor: "#94FA41",
+            borderColor: "transparent",
+            backgroundColor: "rgba(148, 250, 65, 0.2)",
             handleStyle: {
-              color: '#94FA41',
+              color: "#94FA41",
             },
             moveHandleSize: 0,
             textStyle: {
-              color: '#fff',
+              color: "#fff",
             },
           },
           {
-            type: 'inside',
+            type: "inside",
             show: true,
             height: 15,
             start: 1,
@@ -150,20 +156,20 @@
         ],
         series: [
           {
-            name: '年降雨量',
-            type: 'bar',
+            name: "年降雨量",
+            type: "bar",
             barWidth: barWidth,
-            barGap: '10%', // Make series be overlap
-            barCateGoryGap: '10%',
+            barGap: "10%", // Make series be overlap
+            barCateGoryGap: "10%",
             itemStyle: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [
                 {
                   offset: 0,
-                  color: 'rgba(24, 255, 255, 1)',
+                  color: "rgba(24, 255, 255, 1)",
                 },
                 {
                   offset: 1,
-                  color: 'rgba(188, 255, 255, 1)',
+                  color: "rgba(188, 255, 255, 1)",
                 },
               ]),
             },
@@ -189,13 +195,16 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       let i = 0;
       allData.timer = setInterval(() => {
         i++;
         if (i == length) i = 0;
         allData.chart.dispatchAction({
-          type: 'showTip',
+          type: "showTip",
           seriesIndex: 0,
           dataIndex: i,
         });
@@ -203,7 +212,7 @@
     }
     onMounted(() => {
       init();
-      window.addEventListener('resize', resizeTheChart);
+      window.addEventListener("resize", resizeTheChart);
     });
     onUnmounted(() => {
       if (allData.timer) clearInterval(allData.timer);
diff --git a/src/views/oneMap/Echarts/WarningEcharts.vue b/src/views/oneMap/Echarts/WarningEcharts.vue
index c1e1b19..475e3ce 100644
--- a/src/views/oneMap/Echarts/WarningEcharts.vue
+++ b/src/views/oneMap/Echarts/WarningEcharts.vue
@@ -2,11 +2,11 @@
   <div :id="id" style="width: 100%; height: 100%"></div>
 </template>
 <script>
-import * as echarts from 'echarts';
-import { guid } from '@/utils/ruoyi';
-import { reactive, toRefs, onMounted, watch, onUnmounted } from 'vue';
+import * as echarts from "echarts";
+import { guid } from "@/utils/ruoyi";
+import { reactive, toRefs, onMounted, watch, onUnmounted } from "vue";
 export default {
-  name: 'line-chart',
+  name: "line-chart",
   props: {
     data: Object,
     refresh: Number,
@@ -30,28 +30,28 @@
       var barWidth = 12;
       var option;
       option = {
-        color: ['#3FFFC2', '#FFF21C', 'orange'],
+        color: ["#3FFFC2", "#FFF21C", "orange"],
         tooltip: {
-          trigger: 'axis',
+          trigger: "axis",
         },
         grid: {
           top: 40,
           bottom: 30,
         },
         legend: {
-          data: ['最高流量(m³/h)', '最高水位(m)'],
+          data: ["最高流量(m³/h)", "最高水位(m)"],
           textStyle: {
-            color: '#fff',
+            color: "#fff",
           },
         },
         xAxis: [
           {
-            type: 'category',
+            type: "category",
             axisLine: {
               show: false,
               lineStyle: {
                 width: 2,
-                color: '#58b2ed',
+                color: "#58b2ed",
               },
             },
             splitLine: {
@@ -61,70 +61,70 @@
               show: false,
             },
             axisLabel: {
-              color: 'rgba(255,255,255,1)',
+              color: "rgba(255,255,255,1)",
               fontSize: 14,
-              fontFamily: 'AlibabaPuHuiTi',
+              fontFamily: "AlibabaPuHuiTi",
             },
             data: props.data.xAxis,
           },
         ],
         yAxis: [
           {
-            name: '单位:(m³/h)',
-            type: 'value',
+            name: "单位:(m³/h)",
+            type: "value",
             inverse: true,
-            nameLocation: 'start', // 坐标轴名称显示位置
+            nameLocation: "start", // 坐标轴名称显示位置
             axisLabel: {
-              color: '#fff',
+              color: "#fff",
               show: true,
             },
             nameTextStyle: {
-              color: '#fff',
+              color: "#fff",
             },
             splitLine: {
               lineStyle: {
-                type: 'dashed',
-                color: '#60C2FF',
+                type: "dashed",
+                color: "#60C2FF",
               },
             },
           },
           {
-            name: '单位:m',
-            type: 'value',
+            name: "单位:m",
+            type: "value",
             inverse: true,
-            nameLocation: 'start', // 坐标轴名称显示位置
+            nameLocation: "start", // 坐标轴名称显示位置
             nameTextStyle: {
-              color: '#fff',
+              color: "#fff",
             },
             axisLabel: {
               show: true,
-              color: '#fff',
+              color: "#fff",
             },
             splitLine: {
               lineStyle: {
-                color: '#D1DEEE',
-                type: 'dashed',
-                color: '#53D8FB',
+                color: "#D1DEEE",
+                type: "dashed",
+                color: "#53D8FB",
               },
             },
           },
         ],
         series: [
           {
-            name: '最高流量(m³/h)',
-            type: 'bar',
+            name: "最高流量(m³/h)",
+            type: "bar",
             barWidth: barWidth,
-            barGap: '10%', // Make series be overlap
-            barCateGoryGap: '10%',
+            barGap: "10%", // Make series be overlap
+            barCateGoryGap: "10%",
             itemStyle: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [
                 {
                   offset: 0,
-                  color: 'rgba(24, 255, 255, 1)',
+                  color: "rgba(24, 255, 255, 1)",
                 },
                 {
                   offset: 1,
-                  color: 'rgba(188, 255, 255, 1)',
+                  color: "rgba(188, 255, 255, 1)",
                 },
               ]),
             },
@@ -133,11 +133,11 @@
           },
           {
             smooth: true, //变为曲线 默认false折线
-            name: '最高水位(m)',
-            type: 'line',
+            name: "最高水位(m)",
+            type: "line",
             data: props.data.yAxis2,
             yAxisIndex: 1,
-            color: '#FFF21C',
+            color: "#FFF21C",
           },
           4,
         ],
@@ -160,13 +160,16 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       let i = 0;
       allData.timer = setInterval(() => {
         i++;
         if (i == length) i = 0;
         allData.chart.dispatchAction({
-          type: 'showTip',
+          type: "showTip",
           seriesIndex: 0,
           dataIndex: i,
         });
@@ -174,7 +177,7 @@
     }
     onMounted(() => {
       init();
-      window.addEventListener('resize', resizeTheChart);
+      window.addEventListener("resize", resizeTheChart);
     });
     onUnmounted(() => {
       if (allData.timer) clearInterval(allData.timer);

diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index b58cdc4..e284375 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -202,6 +202,9 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       let i = 0;
       allData.timer = setInterval(() => {
diff --git a/src/views/oneMap/Echarts/RainfallEcharts.vue b/src/views/oneMap/Echarts/RainfallEcharts.vue
index c47f997..cc1889c 100644
--- a/src/views/oneMap/Echarts/RainfallEcharts.vue
+++ b/src/views/oneMap/Echarts/RainfallEcharts.vue
@@ -2,11 +2,11 @@
   <div :id="id" style="width: 100%; height: 100%"></div>
 </template>
 <script>
-import * as echarts from 'echarts';
-import { guid } from '@/utils/ruoyi';
-import { reactive, toRefs, onMounted, watch, onUnmounted } from 'vue';
+import * as echarts from "echarts";
+import { guid } from "@/utils/ruoyi";
+import { reactive, toRefs, onMounted, watch, onUnmounted } from "vue";
 export default {
-  name: 'line-chart',
+  name: "line-chart",
   props: {
     data: Object,
     refresh: Number,
@@ -29,16 +29,16 @@
       let chartDom = echarts.init(document.getElementById(allData.id));
 
       var shadowYData = [100, 100];
-      var color = 'rgba(31,227,249,1)';
-      var shadowColor = '#0b5767';
+      var color = "rgba(31,227,249,1)";
+      var shadowColor = "#0b5767";
       var barWidth = 12;
 
       var option;
       option = {
-        color: ['#3FFFC2', '#FFF21C'],
+        color: ["#3FFFC2", "#FFF21C"],
 
         tooltip: {
-          trigger: 'axis',
+          trigger: "axis",
           // formatter: "{b}：{c}㎡",
           // feature: {
           //   mark: { show: true },
@@ -53,13 +53,19 @@
           //     color: "#fff"
           //   }
           // },
-          formatter: params => {
+          formatter: (params) => {
             // console.log(params);
-            var relVal = '' + params[0].name;
+            var relVal = "" + params[0].name;
             for (var i = 0, l = params.length; i < l; i++) {
               if (params[i].seriesName) {
-                let unit = params[i].seriesName == '年降雨量' ? 'mm' : '天';
-                relVal += '<br/>' + params[i].marker + params[i].seriesName + ' ' + params[i].value + unit;
+                let unit = params[i].seriesName == "年降雨量" ? "mm" : "天";
+                relVal +=
+                  "<br/>" +
+                  params[i].marker +
+                  params[i].seriesName +
+                  " " +
+                  params[i].value +
+                  unit;
               }
             }
             return relVal;
@@ -71,19 +77,19 @@
           right: 20,
         },
         legend: {
-          data: ['年降雨量'],
+          data: ["年降雨量"],
           textStyle: {
-            color: '#fff',
+            color: "#fff",
           },
         },
         xAxis: [
           {
-            type: 'category',
+            type: "category",
             axisLine: {
               show: false,
               lineStyle: {
                 width: 2,
-                color: '#58b2ed',
+                color: "#58b2ed",
               },
             },
             splitLine: {
@@ -93,28 +99,28 @@
               show: false,
             },
             axisLabel: {
-              color: 'rgba(255,255,255,1)',
+              color: "rgba(255,255,255,1)",
               fontSize: 14,
-              fontFamily: 'AlibabaPuHuiTi',
+              fontFamily: "AlibabaPuHuiTi",
             },
             data: props.data.xAxis,
           },
         ],
         yAxis: [
           {
-            name: '降雨量(mm)',
-            type: 'value',
+            name: "降雨量(mm)",
+            type: "value",
             axisLabel: {
-              color: '#fff',
+              color: "#fff",
               show: true,
             },
             nameTextStyle: {
-              color: '#fff',
+              color: "#fff",
             },
             splitLine: {
               lineStyle: {
-                type: 'dashed',
-                color: '#60C2FF',
+                type: "dashed",
+                color: "#60C2FF",
               },
             },
             alignTicks: true,
@@ -128,20 +134,20 @@
             bottom: 18,
             start: 0,
             end: 100,
-            handleSize: '100%',
-            fillerColor: '#94FA41',
-            borderColor: 'transparent',
-            backgroundColor: 'rgba(148, 250, 65, 0.2)',
+            handleSize: "100%",
+            fillerColor: "#94FA41",
+            borderColor: "transparent",
+            backgroundColor: "rgba(148, 250, 65, 0.2)",
             handleStyle: {
-              color: '#94FA41',
+              color: "#94FA41",
             },
             moveHandleSize: 0,
             textStyle: {
-              color: '#fff',
+              color: "#fff",
             },
           },
           {
-            type: 'inside',
+            type: "inside",
             show: true,
             height: 15,
             start: 1,
@@ -150,20 +156,20 @@
         ],
         series: [
           {
-            name: '年降雨量',
-            type: 'bar',
+            name: "年降雨量",
+            type: "bar",
             barWidth: barWidth,
-            barGap: '10%', // Make series be overlap
-            barCateGoryGap: '10%',
+            barGap: "10%", // Make series be overlap
+            barCateGoryGap: "10%",
             itemStyle: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [
                 {
                   offset: 0,
-                  color: 'rgba(24, 255, 255, 1)',
+                  color: "rgba(24, 255, 255, 1)",
                 },
                 {
                   offset: 1,
-                  color: 'rgba(188, 255, 255, 1)',
+                  color: "rgba(188, 255, 255, 1)",
                 },
               ]),
             },
@@ -189,13 +195,16 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       let i = 0;
       allData.timer = setInterval(() => {
         i++;
         if (i == length) i = 0;
         allData.chart.dispatchAction({
-          type: 'showTip',
+          type: "showTip",
           seriesIndex: 0,
           dataIndex: i,
         });
@@ -203,7 +212,7 @@
     }
     onMounted(() => {
       init();
-      window.addEventListener('resize', resizeTheChart);
+      window.addEventListener("resize", resizeTheChart);
     });
     onUnmounted(() => {
       if (allData.timer) clearInterval(allData.timer);
diff --git a/src/views/oneMap/Echarts/WarningEcharts.vue b/src/views/oneMap/Echarts/WarningEcharts.vue
index c1e1b19..475e3ce 100644
--- a/src/views/oneMap/Echarts/WarningEcharts.vue
+++ b/src/views/oneMap/Echarts/WarningEcharts.vue
@@ -2,11 +2,11 @@
   <div :id="id" style="width: 100%; height: 100%"></div>
 </template>
 <script>
-import * as echarts from 'echarts';
-import { guid } from '@/utils/ruoyi';
-import { reactive, toRefs, onMounted, watch, onUnmounted } from 'vue';
+import * as echarts from "echarts";
+import { guid } from "@/utils/ruoyi";
+import { reactive, toRefs, onMounted, watch, onUnmounted } from "vue";
 export default {
-  name: 'line-chart',
+  name: "line-chart",
   props: {
     data: Object,
     refresh: Number,
@@ -30,28 +30,28 @@
       var barWidth = 12;
       var option;
       option = {
-        color: ['#3FFFC2', '#FFF21C', 'orange'],
+        color: ["#3FFFC2", "#FFF21C", "orange"],
         tooltip: {
-          trigger: 'axis',
+          trigger: "axis",
         },
         grid: {
           top: 40,
           bottom: 30,
         },
         legend: {
-          data: ['最高流量(m³/h)', '最高水位(m)'],
+          data: ["最高流量(m³/h)", "最高水位(m)"],
           textStyle: {
-            color: '#fff',
+            color: "#fff",
           },
         },
         xAxis: [
           {
-            type: 'category',
+            type: "category",
             axisLine: {
               show: false,
               lineStyle: {
                 width: 2,
-                color: '#58b2ed',
+                color: "#58b2ed",
               },
             },
             splitLine: {
@@ -61,70 +61,70 @@
               show: false,
             },
             axisLabel: {
-              color: 'rgba(255,255,255,1)',
+              color: "rgba(255,255,255,1)",
               fontSize: 14,
-              fontFamily: 'AlibabaPuHuiTi',
+              fontFamily: "AlibabaPuHuiTi",
             },
             data: props.data.xAxis,
           },
         ],
         yAxis: [
           {
-            name: '单位:(m³/h)',
-            type: 'value',
+            name: "单位:(m³/h)",
+            type: "value",
             inverse: true,
-            nameLocation: 'start', // 坐标轴名称显示位置
+            nameLocation: "start", // 坐标轴名称显示位置
             axisLabel: {
-              color: '#fff',
+              color: "#fff",
               show: true,
             },
             nameTextStyle: {
-              color: '#fff',
+              color: "#fff",
             },
             splitLine: {
               lineStyle: {
-                type: 'dashed',
-                color: '#60C2FF',
+                type: "dashed",
+                color: "#60C2FF",
               },
             },
           },
           {
-            name: '单位:m',
-            type: 'value',
+            name: "单位:m",
+            type: "value",
             inverse: true,
-            nameLocation: 'start', // 坐标轴名称显示位置
+            nameLocation: "start", // 坐标轴名称显示位置
             nameTextStyle: {
-              color: '#fff',
+              color: "#fff",
             },
             axisLabel: {
               show: true,
-              color: '#fff',
+              color: "#fff",
             },
             splitLine: {
               lineStyle: {
-                color: '#D1DEEE',
-                type: 'dashed',
-                color: '#53D8FB',
+                color: "#D1DEEE",
+                type: "dashed",
+                color: "#53D8FB",
               },
             },
           },
         ],
         series: [
           {
-            name: '最高流量(m³/h)',
-            type: 'bar',
+            name: "最高流量(m³/h)",
+            type: "bar",
             barWidth: barWidth,
-            barGap: '10%', // Make series be overlap
-            barCateGoryGap: '10%',
+            barGap: "10%", // Make series be overlap
+            barCateGoryGap: "10%",
             itemStyle: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [
                 {
                   offset: 0,
-                  color: 'rgba(24, 255, 255, 1)',
+                  color: "rgba(24, 255, 255, 1)",
                 },
                 {
                   offset: 1,
-                  color: 'rgba(188, 255, 255, 1)',
+                  color: "rgba(188, 255, 255, 1)",
                 },
               ]),
             },
@@ -133,11 +133,11 @@
           },
           {
             smooth: true, //变为曲线 默认false折线
-            name: '最高水位(m)',
-            type: 'line',
+            name: "最高水位(m)",
+            type: "line",
             data: props.data.yAxis2,
             yAxisIndex: 1,
-            color: '#FFF21C',
+            color: "#FFF21C",
           },
           4,
         ],
@@ -160,13 +160,16 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       let i = 0;
       allData.timer = setInterval(() => {
         i++;
         if (i == length) i = 0;
         allData.chart.dispatchAction({
-          type: 'showTip',
+          type: "showTip",
           seriesIndex: 0,
           dataIndex: i,
         });
@@ -174,7 +177,7 @@
     }
     onMounted(() => {
       init();
-      window.addEventListener('resize', resizeTheChart);
+      window.addEventListener("resize", resizeTheChart);
     });
     onUnmounted(() => {
       if (allData.timer) clearInterval(allData.timer);
diff --git a/src/views/oneMap/components/ZHRQ.vue b/src/views/oneMap/components/ZHRQ.vue
index f0458b6..650e413 100644
--- a/src/views/oneMap/components/ZHRQ.vue
+++ b/src/views/oneMap/components/ZHRQ.vue
@@ -651,6 +651,9 @@
   animateChart();
 };
 const animateChart = () => {
+  if (AllData.timer) {
+    clearInterval(AllData.timer);
+  }
   let length = 7;
   let i = 0;
   AllData.timer = setInterval(() => {

diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index b58cdc4..e284375 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -202,6 +202,9 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       let i = 0;
       allData.timer = setInterval(() => {
diff --git a/src/views/oneMap/Echarts/RainfallEcharts.vue b/src/views/oneMap/Echarts/RainfallEcharts.vue
index c47f997..cc1889c 100644
--- a/src/views/oneMap/Echarts/RainfallEcharts.vue
+++ b/src/views/oneMap/Echarts/RainfallEcharts.vue
@@ -2,11 +2,11 @@
   <div :id="id" style="width: 100%; height: 100%"></div>
 </template>
 <script>
-import * as echarts from 'echarts';
-import { guid } from '@/utils/ruoyi';
-import { reactive, toRefs, onMounted, watch, onUnmounted } from 'vue';
+import * as echarts from "echarts";
+import { guid } from "@/utils/ruoyi";
+import { reactive, toRefs, onMounted, watch, onUnmounted } from "vue";
 export default {
-  name: 'line-chart',
+  name: "line-chart",
   props: {
     data: Object,
     refresh: Number,
@@ -29,16 +29,16 @@
       let chartDom = echarts.init(document.getElementById(allData.id));
 
       var shadowYData = [100, 100];
-      var color = 'rgba(31,227,249,1)';
-      var shadowColor = '#0b5767';
+      var color = "rgba(31,227,249,1)";
+      var shadowColor = "#0b5767";
       var barWidth = 12;
 
       var option;
       option = {
-        color: ['#3FFFC2', '#FFF21C'],
+        color: ["#3FFFC2", "#FFF21C"],
 
         tooltip: {
-          trigger: 'axis',
+          trigger: "axis",
           // formatter: "{b}：{c}㎡",
           // feature: {
           //   mark: { show: true },
@@ -53,13 +53,19 @@
           //     color: "#fff"
           //   }
           // },
-          formatter: params => {
+          formatter: (params) => {
             // console.log(params);
-            var relVal = '' + params[0].name;
+            var relVal = "" + params[0].name;
             for (var i = 0, l = params.length; i < l; i++) {
               if (params[i].seriesName) {
-                let unit = params[i].seriesName == '年降雨量' ? 'mm' : '天';
-                relVal += '<br/>' + params[i].marker + params[i].seriesName + ' ' + params[i].value + unit;
+                let unit = params[i].seriesName == "年降雨量" ? "mm" : "天";
+                relVal +=
+                  "<br/>" +
+                  params[i].marker +
+                  params[i].seriesName +
+                  " " +
+                  params[i].value +
+                  unit;
               }
             }
             return relVal;
@@ -71,19 +77,19 @@
           right: 20,
         },
         legend: {
-          data: ['年降雨量'],
+          data: ["年降雨量"],
           textStyle: {
-            color: '#fff',
+            color: "#fff",
           },
         },
         xAxis: [
           {
-            type: 'category',
+            type: "category",
             axisLine: {
               show: false,
               lineStyle: {
                 width: 2,
-                color: '#58b2ed',
+                color: "#58b2ed",
               },
             },
             splitLine: {
@@ -93,28 +99,28 @@
               show: false,
             },
             axisLabel: {
-              color: 'rgba(255,255,255,1)',
+              color: "rgba(255,255,255,1)",
               fontSize: 14,
-              fontFamily: 'AlibabaPuHuiTi',
+              fontFamily: "AlibabaPuHuiTi",
             },
             data: props.data.xAxis,
           },
         ],
         yAxis: [
           {
-            name: '降雨量(mm)',
-            type: 'value',
+            name: "降雨量(mm)",
+            type: "value",
             axisLabel: {
-              color: '#fff',
+              color: "#fff",
               show: true,
             },
             nameTextStyle: {
-              color: '#fff',
+              color: "#fff",
             },
             splitLine: {
               lineStyle: {
-                type: 'dashed',
-                color: '#60C2FF',
+                type: "dashed",
+                color: "#60C2FF",
               },
             },
             alignTicks: true,
@@ -128,20 +134,20 @@
             bottom: 18,
             start: 0,
             end: 100,
-            handleSize: '100%',
-            fillerColor: '#94FA41',
-            borderColor: 'transparent',
-            backgroundColor: 'rgba(148, 250, 65, 0.2)',
+            handleSize: "100%",
+            fillerColor: "#94FA41",
+            borderColor: "transparent",
+            backgroundColor: "rgba(148, 250, 65, 0.2)",
             handleStyle: {
-              color: '#94FA41',
+              color: "#94FA41",
             },
             moveHandleSize: 0,
             textStyle: {
-              color: '#fff',
+              color: "#fff",
             },
           },
           {
-            type: 'inside',
+            type: "inside",
             show: true,
             height: 15,
             start: 1,
@@ -150,20 +156,20 @@
         ],
         series: [
           {
-            name: '年降雨量',
-            type: 'bar',
+            name: "年降雨量",
+            type: "bar",
             barWidth: barWidth,
-            barGap: '10%', // Make series be overlap
-            barCateGoryGap: '10%',
+            barGap: "10%", // Make series be overlap
+            barCateGoryGap: "10%",
             itemStyle: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [
                 {
                   offset: 0,
-                  color: 'rgba(24, 255, 255, 1)',
+                  color: "rgba(24, 255, 255, 1)",
                 },
                 {
                   offset: 1,
-                  color: 'rgba(188, 255, 255, 1)',
+                  color: "rgba(188, 255, 255, 1)",
                 },
               ]),
             },
@@ -189,13 +195,16 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       let i = 0;
       allData.timer = setInterval(() => {
         i++;
         if (i == length) i = 0;
         allData.chart.dispatchAction({
-          type: 'showTip',
+          type: "showTip",
           seriesIndex: 0,
           dataIndex: i,
         });
@@ -203,7 +212,7 @@
     }
     onMounted(() => {
       init();
-      window.addEventListener('resize', resizeTheChart);
+      window.addEventListener("resize", resizeTheChart);
     });
     onUnmounted(() => {
       if (allData.timer) clearInterval(allData.timer);
diff --git a/src/views/oneMap/Echarts/WarningEcharts.vue b/src/views/oneMap/Echarts/WarningEcharts.vue
index c1e1b19..475e3ce 100644
--- a/src/views/oneMap/Echarts/WarningEcharts.vue
+++ b/src/views/oneMap/Echarts/WarningEcharts.vue
@@ -2,11 +2,11 @@
   <div :id="id" style="width: 100%; height: 100%"></div>
 </template>
 <script>
-import * as echarts from 'echarts';
-import { guid } from '@/utils/ruoyi';
-import { reactive, toRefs, onMounted, watch, onUnmounted } from 'vue';
+import * as echarts from "echarts";
+import { guid } from "@/utils/ruoyi";
+import { reactive, toRefs, onMounted, watch, onUnmounted } from "vue";
 export default {
-  name: 'line-chart',
+  name: "line-chart",
   props: {
     data: Object,
     refresh: Number,
@@ -30,28 +30,28 @@
       var barWidth = 12;
       var option;
       option = {
-        color: ['#3FFFC2', '#FFF21C', 'orange'],
+        color: ["#3FFFC2", "#FFF21C", "orange"],
         tooltip: {
-          trigger: 'axis',
+          trigger: "axis",
         },
         grid: {
           top: 40,
           bottom: 30,
         },
         legend: {
-          data: ['最高流量(m³/h)', '最高水位(m)'],
+          data: ["最高流量(m³/h)", "最高水位(m)"],
           textStyle: {
-            color: '#fff',
+            color: "#fff",
           },
         },
         xAxis: [
           {
-            type: 'category',
+            type: "category",
             axisLine: {
               show: false,
               lineStyle: {
                 width: 2,
-                color: '#58b2ed',
+                color: "#58b2ed",
               },
             },
             splitLine: {
@@ -61,70 +61,70 @@
               show: false,
             },
             axisLabel: {
-              color: 'rgba(255,255,255,1)',
+              color: "rgba(255,255,255,1)",
               fontSize: 14,
-              fontFamily: 'AlibabaPuHuiTi',
+              fontFamily: "AlibabaPuHuiTi",
             },
             data: props.data.xAxis,
           },
         ],
         yAxis: [
           {
-            name: '单位:(m³/h)',
-            type: 'value',
+            name: "单位:(m³/h)",
+            type: "value",
             inverse: true,
-            nameLocation: 'start', // 坐标轴名称显示位置
+            nameLocation: "start", // 坐标轴名称显示位置
             axisLabel: {
-              color: '#fff',
+              color: "#fff",
               show: true,
             },
             nameTextStyle: {
-              color: '#fff',
+              color: "#fff",
             },
             splitLine: {
               lineStyle: {
-                type: 'dashed',
-                color: '#60C2FF',
+                type: "dashed",
+                color: "#60C2FF",
               },
             },
           },
           {
-            name: '单位:m',
-            type: 'value',
+            name: "单位:m",
+            type: "value",
             inverse: true,
-            nameLocation: 'start', // 坐标轴名称显示位置
+            nameLocation: "start", // 坐标轴名称显示位置
             nameTextStyle: {
-              color: '#fff',
+              color: "#fff",
             },
             axisLabel: {
               show: true,
-              color: '#fff',
+              color: "#fff",
             },
             splitLine: {
               lineStyle: {
-                color: '#D1DEEE',
-                type: 'dashed',
-                color: '#53D8FB',
+                color: "#D1DEEE",
+                type: "dashed",
+                color: "#53D8FB",
               },
             },
           },
         ],
         series: [
           {
-            name: '最高流量(m³/h)',
-            type: 'bar',
+            name: "最高流量(m³/h)",
+            type: "bar",
             barWidth: barWidth,
-            barGap: '10%', // Make series be overlap
-            barCateGoryGap: '10%',
+            barGap: "10%", // Make series be overlap
+            barCateGoryGap: "10%",
             itemStyle: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [
                 {
                   offset: 0,
-                  color: 'rgba(24, 255, 255, 1)',
+                  color: "rgba(24, 255, 255, 1)",
                 },
                 {
                   offset: 1,
-                  color: 'rgba(188, 255, 255, 1)',
+                  color: "rgba(188, 255, 255, 1)",
                 },
               ]),
             },
@@ -133,11 +133,11 @@
           },
           {
             smooth: true, //变为曲线 默认false折线
-            name: '最高水位(m)',
-            type: 'line',
+            name: "最高水位(m)",
+            type: "line",
             data: props.data.yAxis2,
             yAxisIndex: 1,
-            color: '#FFF21C',
+            color: "#FFF21C",
           },
           4,
         ],
@@ -160,13 +160,16 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       let i = 0;
       allData.timer = setInterval(() => {
         i++;
         if (i == length) i = 0;
         allData.chart.dispatchAction({
-          type: 'showTip',
+          type: "showTip",
           seriesIndex: 0,
           dataIndex: i,
         });
@@ -174,7 +177,7 @@
     }
     onMounted(() => {
       init();
-      window.addEventListener('resize', resizeTheChart);
+      window.addEventListener("resize", resizeTheChart);
     });
     onUnmounted(() => {
       if (allData.timer) clearInterval(allData.timer);
diff --git a/src/views/oneMap/components/ZHRQ.vue b/src/views/oneMap/components/ZHRQ.vue
index f0458b6..650e413 100644
--- a/src/views/oneMap/components/ZHRQ.vue
+++ b/src/views/oneMap/components/ZHRQ.vue
@@ -651,6 +651,9 @@
   animateChart();
 };
 const animateChart = () => {
+  if (AllData.timer) {
+    clearInterval(AllData.timer);
+  }
   let length = 7;
   let i = 0;
   AllData.timer = setInterval(() => {
diff --git a/src/views/oneMap/components/chartLogging.vue b/src/views/oneMap/components/chartLogging.vue
index 3ff8263..0759cf1 100644
--- a/src/views/oneMap/components/chartLogging.vue
+++ b/src/views/oneMap/components/chartLogging.vue
@@ -215,6 +215,9 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timeS) {
+        clearInterval(allData.timeS);
+      }
       let length = props.data.xAxis.length;
       allData.timeS = setInterval(() => {
         allData.anIndex++;

diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index b58cdc4..e284375 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -202,6 +202,9 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       let i = 0;
       allData.timer = setInterval(() => {
diff --git a/src/views/oneMap/Echarts/RainfallEcharts.vue b/src/views/oneMap/Echarts/RainfallEcharts.vue
index c47f997..cc1889c 100644
--- a/src/views/oneMap/Echarts/RainfallEcharts.vue
+++ b/src/views/oneMap/Echarts/RainfallEcharts.vue
@@ -2,11 +2,11 @@
   <div :id="id" style="width: 100%; height: 100%"></div>
 </template>
 <script>
-import * as echarts from 'echarts';
-import { guid } from '@/utils/ruoyi';
-import { reactive, toRefs, onMounted, watch, onUnmounted } from 'vue';
+import * as echarts from "echarts";
+import { guid } from "@/utils/ruoyi";
+import { reactive, toRefs, onMounted, watch, onUnmounted } from "vue";
 export default {
-  name: 'line-chart',
+  name: "line-chart",
   props: {
     data: Object,
     refresh: Number,
@@ -29,16 +29,16 @@
       let chartDom = echarts.init(document.getElementById(allData.id));
 
       var shadowYData = [100, 100];
-      var color = 'rgba(31,227,249,1)';
-      var shadowColor = '#0b5767';
+      var color = "rgba(31,227,249,1)";
+      var shadowColor = "#0b5767";
       var barWidth = 12;
 
       var option;
       option = {
-        color: ['#3FFFC2', '#FFF21C'],
+        color: ["#3FFFC2", "#FFF21C"],
 
         tooltip: {
-          trigger: 'axis',
+          trigger: "axis",
           // formatter: "{b}：{c}㎡",
           // feature: {
           //   mark: { show: true },
@@ -53,13 +53,19 @@
           //     color: "#fff"
           //   }
           // },
-          formatter: params => {
+          formatter: (params) => {
             // console.log(params);
-            var relVal = '' + params[0].name;
+            var relVal = "" + params[0].name;
             for (var i = 0, l = params.length; i < l; i++) {
               if (params[i].seriesName) {
-                let unit = params[i].seriesName == '年降雨量' ? 'mm' : '天';
-                relVal += '<br/>' + params[i].marker + params[i].seriesName + ' ' + params[i].value + unit;
+                let unit = params[i].seriesName == "年降雨量" ? "mm" : "天";
+                relVal +=
+                  "<br/>" +
+                  params[i].marker +
+                  params[i].seriesName +
+                  " " +
+                  params[i].value +
+                  unit;
               }
             }
             return relVal;
@@ -71,19 +77,19 @@
           right: 20,
         },
         legend: {
-          data: ['年降雨量'],
+          data: ["年降雨量"],
           textStyle: {
-            color: '#fff',
+            color: "#fff",
           },
         },
         xAxis: [
           {
-            type: 'category',
+            type: "category",
             axisLine: {
               show: false,
               lineStyle: {
                 width: 2,
-                color: '#58b2ed',
+                color: "#58b2ed",
               },
             },
             splitLine: {
@@ -93,28 +99,28 @@
               show: false,
             },
             axisLabel: {
-              color: 'rgba(255,255,255,1)',
+              color: "rgba(255,255,255,1)",
               fontSize: 14,
-              fontFamily: 'AlibabaPuHuiTi',
+              fontFamily: "AlibabaPuHuiTi",
             },
             data: props.data.xAxis,
           },
         ],
         yAxis: [
           {
-            name: '降雨量(mm)',
-            type: 'value',
+            name: "降雨量(mm)",
+            type: "value",
             axisLabel: {
-              color: '#fff',
+              color: "#fff",
               show: true,
             },
             nameTextStyle: {
-              color: '#fff',
+              color: "#fff",
             },
             splitLine: {
               lineStyle: {
-                type: 'dashed',
-                color: '#60C2FF',
+                type: "dashed",
+                color: "#60C2FF",
               },
             },
             alignTicks: true,
@@ -128,20 +134,20 @@
             bottom: 18,
             start: 0,
             end: 100,
-            handleSize: '100%',
-            fillerColor: '#94FA41',
-            borderColor: 'transparent',
-            backgroundColor: 'rgba(148, 250, 65, 0.2)',
+            handleSize: "100%",
+            fillerColor: "#94FA41",
+            borderColor: "transparent",
+            backgroundColor: "rgba(148, 250, 65, 0.2)",
             handleStyle: {
-              color: '#94FA41',
+              color: "#94FA41",
             },
             moveHandleSize: 0,
             textStyle: {
-              color: '#fff',
+              color: "#fff",
             },
           },
           {
-            type: 'inside',
+            type: "inside",
             show: true,
             height: 15,
             start: 1,
@@ -150,20 +156,20 @@
         ],
         series: [
           {
-            name: '年降雨量',
-            type: 'bar',
+            name: "年降雨量",
+            type: "bar",
             barWidth: barWidth,
-            barGap: '10%', // Make series be overlap
-            barCateGoryGap: '10%',
+            barGap: "10%", // Make series be overlap
+            barCateGoryGap: "10%",
             itemStyle: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [
                 {
                   offset: 0,
-                  color: 'rgba(24, 255, 255, 1)',
+                  color: "rgba(24, 255, 255, 1)",
                 },
                 {
                   offset: 1,
-                  color: 'rgba(188, 255, 255, 1)',
+                  color: "rgba(188, 255, 255, 1)",
                 },
               ]),
             },
@@ -189,13 +195,16 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       let i = 0;
       allData.timer = setInterval(() => {
         i++;
         if (i == length) i = 0;
         allData.chart.dispatchAction({
-          type: 'showTip',
+          type: "showTip",
           seriesIndex: 0,
           dataIndex: i,
         });
@@ -203,7 +212,7 @@
     }
     onMounted(() => {
       init();
-      window.addEventListener('resize', resizeTheChart);
+      window.addEventListener("resize", resizeTheChart);
     });
     onUnmounted(() => {
       if (allData.timer) clearInterval(allData.timer);
diff --git a/src/views/oneMap/Echarts/WarningEcharts.vue b/src/views/oneMap/Echarts/WarningEcharts.vue
index c1e1b19..475e3ce 100644
--- a/src/views/oneMap/Echarts/WarningEcharts.vue
+++ b/src/views/oneMap/Echarts/WarningEcharts.vue
@@ -2,11 +2,11 @@
   <div :id="id" style="width: 100%; height: 100%"></div>
 </template>
 <script>
-import * as echarts from 'echarts';
-import { guid } from '@/utils/ruoyi';
-import { reactive, toRefs, onMounted, watch, onUnmounted } from 'vue';
+import * as echarts from "echarts";
+import { guid } from "@/utils/ruoyi";
+import { reactive, toRefs, onMounted, watch, onUnmounted } from "vue";
 export default {
-  name: 'line-chart',
+  name: "line-chart",
   props: {
     data: Object,
     refresh: Number,
@@ -30,28 +30,28 @@
       var barWidth = 12;
       var option;
       option = {
-        color: ['#3FFFC2', '#FFF21C', 'orange'],
+        color: ["#3FFFC2", "#FFF21C", "orange"],
         tooltip: {
-          trigger: 'axis',
+          trigger: "axis",
         },
         grid: {
           top: 40,
           bottom: 30,
         },
         legend: {
-          data: ['最高流量(m³/h)', '最高水位(m)'],
+          data: ["最高流量(m³/h)", "最高水位(m)"],
           textStyle: {
-            color: '#fff',
+            color: "#fff",
           },
         },
         xAxis: [
           {
-            type: 'category',
+            type: "category",
             axisLine: {
               show: false,
               lineStyle: {
                 width: 2,
-                color: '#58b2ed',
+                color: "#58b2ed",
               },
             },
             splitLine: {
@@ -61,70 +61,70 @@
               show: false,
             },
             axisLabel: {
-              color: 'rgba(255,255,255,1)',
+              color: "rgba(255,255,255,1)",
               fontSize: 14,
-              fontFamily: 'AlibabaPuHuiTi',
+              fontFamily: "AlibabaPuHuiTi",
             },
             data: props.data.xAxis,
           },
         ],
         yAxis: [
           {
-            name: '单位:(m³/h)',
-            type: 'value',
+            name: "单位:(m³/h)",
+            type: "value",
             inverse: true,
-            nameLocation: 'start', // 坐标轴名称显示位置
+            nameLocation: "start", // 坐标轴名称显示位置
             axisLabel: {
-              color: '#fff',
+              color: "#fff",
               show: true,
             },
             nameTextStyle: {
-              color: '#fff',
+              color: "#fff",
             },
             splitLine: {
               lineStyle: {
-                type: 'dashed',
-                color: '#60C2FF',
+                type: "dashed",
+                color: "#60C2FF",
               },
             },
           },
           {
-            name: '单位:m',
-            type: 'value',
+            name: "单位:m",
+            type: "value",
             inverse: true,
-            nameLocation: 'start', // 坐标轴名称显示位置
+            nameLocation: "start", // 坐标轴名称显示位置
             nameTextStyle: {
-              color: '#fff',
+              color: "#fff",
             },
             axisLabel: {
               show: true,
-              color: '#fff',
+              color: "#fff",
             },
             splitLine: {
               lineStyle: {
-                color: '#D1DEEE',
-                type: 'dashed',
-                color: '#53D8FB',
+                color: "#D1DEEE",
+                type: "dashed",
+                color: "#53D8FB",
               },
             },
           },
         ],
         series: [
           {
-            name: '最高流量(m³/h)',
-            type: 'bar',
+            name: "最高流量(m³/h)",
+            type: "bar",
             barWidth: barWidth,
-            barGap: '10%', // Make series be overlap
-            barCateGoryGap: '10%',
+            barGap: "10%", // Make series be overlap
+            barCateGoryGap: "10%",
             itemStyle: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [
                 {
                   offset: 0,
-                  color: 'rgba(24, 255, 255, 1)',
+                  color: "rgba(24, 255, 255, 1)",
                 },
                 {
                   offset: 1,
-                  color: 'rgba(188, 255, 255, 1)',
+                  color: "rgba(188, 255, 255, 1)",
                 },
               ]),
             },
@@ -133,11 +133,11 @@
           },
           {
             smooth: true, //变为曲线 默认false折线
-            name: '最高水位(m)',
-            type: 'line',
+            name: "最高水位(m)",
+            type: "line",
             data: props.data.yAxis2,
             yAxisIndex: 1,
-            color: '#FFF21C',
+            color: "#FFF21C",
           },
           4,
         ],
@@ -160,13 +160,16 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       let i = 0;
       allData.timer = setInterval(() => {
         i++;
         if (i == length) i = 0;
         allData.chart.dispatchAction({
-          type: 'showTip',
+          type: "showTip",
           seriesIndex: 0,
           dataIndex: i,
         });
@@ -174,7 +177,7 @@
     }
     onMounted(() => {
       init();
-      window.addEventListener('resize', resizeTheChart);
+      window.addEventListener("resize", resizeTheChart);
     });
     onUnmounted(() => {
       if (allData.timer) clearInterval(allData.timer);
diff --git a/src/views/oneMap/components/ZHRQ.vue b/src/views/oneMap/components/ZHRQ.vue
index f0458b6..650e413 100644
--- a/src/views/oneMap/components/ZHRQ.vue
+++ b/src/views/oneMap/components/ZHRQ.vue
@@ -651,6 +651,9 @@
   animateChart();
 };
 const animateChart = () => {
+  if (AllData.timer) {
+    clearInterval(AllData.timer);
+  }
   let length = 7;
   let i = 0;
   AllData.timer = setInterval(() => {
diff --git a/src/views/oneMap/components/chartLogging.vue b/src/views/oneMap/components/chartLogging.vue
index 3ff8263..0759cf1 100644
--- a/src/views/oneMap/components/chartLogging.vue
+++ b/src/views/oneMap/components/chartLogging.vue
@@ -215,6 +215,9 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timeS) {
+        clearInterval(allData.timeS);
+      }
       let length = props.data.xAxis.length;
       allData.timeS = setInterval(() => {
         allData.anIndex++;
diff --git a/src/views/oneMap/components/pipeFX.vue b/src/views/oneMap/components/pipeFX.vue
index 79b42c9..acc8f17 100644
--- a/src/views/oneMap/components/pipeFX.vue
+++ b/src/views/oneMap/components/pipeFX.vue
@@ -232,7 +232,6 @@
           allData.chart.dispose();
           allData.chart = null;
         }
-        if (allData.timer) clearInterval(allData.timer);
         setTimeout(() => {
           init();
           allData.anIndex = 0;
@@ -241,6 +240,9 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       allData.timer = setInterval(() => {
         allData.anIndex++;

diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index b58cdc4..e284375 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -202,6 +202,9 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       let i = 0;
       allData.timer = setInterval(() => {
diff --git a/src/views/oneMap/Echarts/RainfallEcharts.vue b/src/views/oneMap/Echarts/RainfallEcharts.vue
index c47f997..cc1889c 100644
--- a/src/views/oneMap/Echarts/RainfallEcharts.vue
+++ b/src/views/oneMap/Echarts/RainfallEcharts.vue
@@ -2,11 +2,11 @@
   <div :id="id" style="width: 100%; height: 100%"></div>
 </template>
 <script>
-import * as echarts from 'echarts';
-import { guid } from '@/utils/ruoyi';
-import { reactive, toRefs, onMounted, watch, onUnmounted } from 'vue';
+import * as echarts from "echarts";
+import { guid } from "@/utils/ruoyi";
+import { reactive, toRefs, onMounted, watch, onUnmounted } from "vue";
 export default {
-  name: 'line-chart',
+  name: "line-chart",
   props: {
     data: Object,
     refresh: Number,
@@ -29,16 +29,16 @@
       let chartDom = echarts.init(document.getElementById(allData.id));
 
       var shadowYData = [100, 100];
-      var color = 'rgba(31,227,249,1)';
-      var shadowColor = '#0b5767';
+      var color = "rgba(31,227,249,1)";
+      var shadowColor = "#0b5767";
       var barWidth = 12;
 
       var option;
       option = {
-        color: ['#3FFFC2', '#FFF21C'],
+        color: ["#3FFFC2", "#FFF21C"],
 
         tooltip: {
-          trigger: 'axis',
+          trigger: "axis",
           // formatter: "{b}：{c}㎡",
           // feature: {
           //   mark: { show: true },
@@ -53,13 +53,19 @@
           //     color: "#fff"
           //   }
           // },
-          formatter: params => {
+          formatter: (params) => {
             // console.log(params);
-            var relVal = '' + params[0].name;
+            var relVal = "" + params[0].name;
             for (var i = 0, l = params.length; i < l; i++) {
               if (params[i].seriesName) {
-                let unit = params[i].seriesName == '年降雨量' ? 'mm' : '天';
-                relVal += '<br/>' + params[i].marker + params[i].seriesName + ' ' + params[i].value + unit;
+                let unit = params[i].seriesName == "年降雨量" ? "mm" : "天";
+                relVal +=
+                  "<br/>" +
+                  params[i].marker +
+                  params[i].seriesName +
+                  " " +
+                  params[i].value +
+                  unit;
               }
             }
             return relVal;
@@ -71,19 +77,19 @@
           right: 20,
         },
         legend: {
-          data: ['年降雨量'],
+          data: ["年降雨量"],
           textStyle: {
-            color: '#fff',
+            color: "#fff",
           },
         },
         xAxis: [
           {
-            type: 'category',
+            type: "category",
             axisLine: {
               show: false,
               lineStyle: {
                 width: 2,
-                color: '#58b2ed',
+                color: "#58b2ed",
               },
             },
             splitLine: {
@@ -93,28 +99,28 @@
               show: false,
             },
             axisLabel: {
-              color: 'rgba(255,255,255,1)',
+              color: "rgba(255,255,255,1)",
               fontSize: 14,
-              fontFamily: 'AlibabaPuHuiTi',
+              fontFamily: "AlibabaPuHuiTi",
             },
             data: props.data.xAxis,
           },
         ],
         yAxis: [
           {
-            name: '降雨量(mm)',
-            type: 'value',
+            name: "降雨量(mm)",
+            type: "value",
             axisLabel: {
-              color: '#fff',
+              color: "#fff",
               show: true,
             },
             nameTextStyle: {
-              color: '#fff',
+              color: "#fff",
             },
             splitLine: {
               lineStyle: {
-                type: 'dashed',
-                color: '#60C2FF',
+                type: "dashed",
+                color: "#60C2FF",
               },
             },
             alignTicks: true,
@@ -128,20 +134,20 @@
             bottom: 18,
             start: 0,
             end: 100,
-            handleSize: '100%',
-            fillerColor: '#94FA41',
-            borderColor: 'transparent',
-            backgroundColor: 'rgba(148, 250, 65, 0.2)',
+            handleSize: "100%",
+            fillerColor: "#94FA41",
+            borderColor: "transparent",
+            backgroundColor: "rgba(148, 250, 65, 0.2)",
             handleStyle: {
-              color: '#94FA41',
+              color: "#94FA41",
             },
             moveHandleSize: 0,
             textStyle: {
-              color: '#fff',
+              color: "#fff",
             },
           },
           {
-            type: 'inside',
+            type: "inside",
             show: true,
             height: 15,
             start: 1,
@@ -150,20 +156,20 @@
         ],
         series: [
           {
-            name: '年降雨量',
-            type: 'bar',
+            name: "年降雨量",
+            type: "bar",
             barWidth: barWidth,
-            barGap: '10%', // Make series be overlap
-            barCateGoryGap: '10%',
+            barGap: "10%", // Make series be overlap
+            barCateGoryGap: "10%",
             itemStyle: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [
                 {
                   offset: 0,
-                  color: 'rgba(24, 255, 255, 1)',
+                  color: "rgba(24, 255, 255, 1)",
                 },
                 {
                   offset: 1,
-                  color: 'rgba(188, 255, 255, 1)',
+                  color: "rgba(188, 255, 255, 1)",
                 },
               ]),
             },
@@ -189,13 +195,16 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       let i = 0;
       allData.timer = setInterval(() => {
         i++;
         if (i == length) i = 0;
         allData.chart.dispatchAction({
-          type: 'showTip',
+          type: "showTip",
           seriesIndex: 0,
           dataIndex: i,
         });
@@ -203,7 +212,7 @@
     }
     onMounted(() => {
       init();
-      window.addEventListener('resize', resizeTheChart);
+      window.addEventListener("resize", resizeTheChart);
     });
     onUnmounted(() => {
       if (allData.timer) clearInterval(allData.timer);
diff --git a/src/views/oneMap/Echarts/WarningEcharts.vue b/src/views/oneMap/Echarts/WarningEcharts.vue
index c1e1b19..475e3ce 100644
--- a/src/views/oneMap/Echarts/WarningEcharts.vue
+++ b/src/views/oneMap/Echarts/WarningEcharts.vue
@@ -2,11 +2,11 @@
   <div :id="id" style="width: 100%; height: 100%"></div>
 </template>
 <script>
-import * as echarts from 'echarts';
-import { guid } from '@/utils/ruoyi';
-import { reactive, toRefs, onMounted, watch, onUnmounted } from 'vue';
+import * as echarts from "echarts";
+import { guid } from "@/utils/ruoyi";
+import { reactive, toRefs, onMounted, watch, onUnmounted } from "vue";
 export default {
-  name: 'line-chart',
+  name: "line-chart",
   props: {
     data: Object,
     refresh: Number,
@@ -30,28 +30,28 @@
       var barWidth = 12;
       var option;
       option = {
-        color: ['#3FFFC2', '#FFF21C', 'orange'],
+        color: ["#3FFFC2", "#FFF21C", "orange"],
         tooltip: {
-          trigger: 'axis',
+          trigger: "axis",
         },
         grid: {
           top: 40,
           bottom: 30,
         },
         legend: {
-          data: ['最高流量(m³/h)', '最高水位(m)'],
+          data: ["最高流量(m³/h)", "最高水位(m)"],
           textStyle: {
-            color: '#fff',
+            color: "#fff",
           },
         },
         xAxis: [
           {
-            type: 'category',
+            type: "category",
             axisLine: {
               show: false,
               lineStyle: {
                 width: 2,
-                color: '#58b2ed',
+                color: "#58b2ed",
               },
             },
             splitLine: {
@@ -61,70 +61,70 @@
               show: false,
             },
             axisLabel: {
-              color: 'rgba(255,255,255,1)',
+              color: "rgba(255,255,255,1)",
               fontSize: 14,
-              fontFamily: 'AlibabaPuHuiTi',
+              fontFamily: "AlibabaPuHuiTi",
             },
             data: props.data.xAxis,
           },
         ],
         yAxis: [
           {
-            name: '单位:(m³/h)',
-            type: 'value',
+            name: "单位:(m³/h)",
+            type: "value",
             inverse: true,
-            nameLocation: 'start', // 坐标轴名称显示位置
+            nameLocation: "start", // 坐标轴名称显示位置
             axisLabel: {
-              color: '#fff',
+              color: "#fff",
               show: true,
             },
             nameTextStyle: {
-              color: '#fff',
+              color: "#fff",
             },
             splitLine: {
               lineStyle: {
-                type: 'dashed',
-                color: '#60C2FF',
+                type: "dashed",
+                color: "#60C2FF",
               },
             },
           },
           {
-            name: '单位:m',
-            type: 'value',
+            name: "单位:m",
+            type: "value",
             inverse: true,
-            nameLocation: 'start', // 坐标轴名称显示位置
+            nameLocation: "start", // 坐标轴名称显示位置
             nameTextStyle: {
-              color: '#fff',
+              color: "#fff",
             },
             axisLabel: {
               show: true,
-              color: '#fff',
+              color: "#fff",
             },
             splitLine: {
               lineStyle: {
-                color: '#D1DEEE',
-                type: 'dashed',
-                color: '#53D8FB',
+                color: "#D1DEEE",
+                type: "dashed",
+                color: "#53D8FB",
               },
             },
           },
         ],
         series: [
           {
-            name: '最高流量(m³/h)',
-            type: 'bar',
+            name: "最高流量(m³/h)",
+            type: "bar",
             barWidth: barWidth,
-            barGap: '10%', // Make series be overlap
-            barCateGoryGap: '10%',
+            barGap: "10%", // Make series be overlap
+            barCateGoryGap: "10%",
             itemStyle: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 0.7, [
                 {
                   offset: 0,
-                  color: 'rgba(24, 255, 255, 1)',
+                  color: "rgba(24, 255, 255, 1)",
                 },
                 {
                   offset: 1,
-                  color: 'rgba(188, 255, 255, 1)',
+                  color: "rgba(188, 255, 255, 1)",
                 },
               ]),
             },
@@ -133,11 +133,11 @@
           },
           {
             smooth: true, //变为曲线 默认false折线
-            name: '最高水位(m)',
-            type: 'line',
+            name: "最高水位(m)",
+            type: "line",
             data: props.data.yAxis2,
             yAxisIndex: 1,
-            color: '#FFF21C',
+            color: "#FFF21C",
           },
           4,
         ],
@@ -160,13 +160,16 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       let i = 0;
       allData.timer = setInterval(() => {
         i++;
         if (i == length) i = 0;
         allData.chart.dispatchAction({
-          type: 'showTip',
+          type: "showTip",
           seriesIndex: 0,
           dataIndex: i,
         });
@@ -174,7 +177,7 @@
     }
     onMounted(() => {
       init();
-      window.addEventListener('resize', resizeTheChart);
+      window.addEventListener("resize", resizeTheChart);
     });
     onUnmounted(() => {
       if (allData.timer) clearInterval(allData.timer);
diff --git a/src/views/oneMap/components/ZHRQ.vue b/src/views/oneMap/components/ZHRQ.vue
index f0458b6..650e413 100644
--- a/src/views/oneMap/components/ZHRQ.vue
+++ b/src/views/oneMap/components/ZHRQ.vue
@@ -651,6 +651,9 @@
   animateChart();
 };
 const animateChart = () => {
+  if (AllData.timer) {
+    clearInterval(AllData.timer);
+  }
   let length = 7;
   let i = 0;
   AllData.timer = setInterval(() => {
diff --git a/src/views/oneMap/components/chartLogging.vue b/src/views/oneMap/components/chartLogging.vue
index 3ff8263..0759cf1 100644
--- a/src/views/oneMap/components/chartLogging.vue
+++ b/src/views/oneMap/components/chartLogging.vue
@@ -215,6 +215,9 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timeS) {
+        clearInterval(allData.timeS);
+      }
       let length = props.data.xAxis.length;
       allData.timeS = setInterval(() => {
         allData.anIndex++;
diff --git a/src/views/oneMap/components/pipeFX.vue b/src/views/oneMap/components/pipeFX.vue
index 79b42c9..acc8f17 100644
--- a/src/views/oneMap/components/pipeFX.vue
+++ b/src/views/oneMap/components/pipeFX.vue
@@ -232,7 +232,6 @@
           allData.chart.dispose();
           allData.chart = null;
         }
-        if (allData.timer) clearInterval(allData.timer);
         setTimeout(() => {
           init();
           allData.anIndex = 0;
@@ -241,6 +240,9 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       allData.timer = setInterval(() => {
         allData.anIndex++;
diff --git a/src/views/oneMap/components/projectDX.vue b/src/views/oneMap/components/projectDX.vue
index ec593c1..8f558ea 100644
--- a/src/views/oneMap/components/projectDX.vue
+++ b/src/views/oneMap/components/projectDX.vue
@@ -2,11 +2,11 @@
   <div :id="id" style="width: 100%; height: 100%"></div>
 </template>
 <script>
-import * as echarts from 'echarts';
-import { guid } from '@/utils/ruoyi';
-import { reactive, toRefs, onMounted, watch, onUnmounted } from 'vue';
+import * as echarts from "echarts";
+import { guid } from "@/utils/ruoyi";
+import { reactive, toRefs, onMounted, watch, onUnmounted } from "vue";
 export default {
-  name: 'line-chart',
+  name: "line-chart",
   props: {
     data: Object,
     refresh: Number,
@@ -31,9 +31,9 @@
       var barWidth = 12;
       var option;
       option = {
-        color: ['#FFB049', '#FFB049'],
+        color: ["#FFB049", "#FFB049"],
         tooltip: {
-          trigger: 'axis',
+          trigger: "axis",
         },
         grid: {
           top: 30,
@@ -42,7 +42,7 @@
         },
         xAxis: [
           {
-            type: 'category',
+            type: "category",
             splitLine: {
               show: false,
             },
@@ -50,45 +50,45 @@
               show: false,
             },
             axisLabel: {
-              color: 'rgba(255,255,255,1)',
+              color: "rgba(255,255,255,1)",
               fontSize: 14,
-              fontFamily: 'AlibabaPuHuiTi',
+              fontFamily: "AlibabaPuHuiTi",
             },
             data: props.data.xAxis,
           },
         ],
         yAxis: [
           {
-            name: props.data.yAxisName1 || '',
-            type: 'value',
+            name: props.data.yAxisName1 || "",
+            type: "value",
             axisLabel: {
-              color: '#FFB049',
+              color: "#FFB049",
               show: true,
             },
             nameTextStyle: {
-              color: '#FFB049',
+              color: "#FFB049",
             },
             splitLine: {
               lineStyle: {
-                type: 'dashed',
-                color: '#60C2FF',
+                type: "dashed",
+                color: "#60C2FF",
               },
             },
           },
           {
-            name: props.data.yAxisName2 || '',
-            type: 'value',
+            name: props.data.yAxisName2 || "",
+            type: "value",
             nameTextStyle: {
-              color: '#1BFFF7',
+              color: "#1BFFF7",
             },
             axisLabel: {
               show: true,
-              color: '#1BFFF7',
+              color: "#1BFFF7",
             },
             splitLine: {
               lineStyle: {
-                color: '#1D5D81',
-                type: 'dashed',
+                color: "#1D5D81",
+                type: "dashed",
               },
             },
           },
@@ -106,19 +106,19 @@
         series: [
           {
             // smooth: true, //变为曲线 默认false折线
-            name: '水深(cm)',
-            type: 'line',
+            name: "水深(cm)",
+            type: "line",
             data: props.data.yAxis1,
             yAxisIndex: 0,
-            color: '#FFB049',
+            color: "#FFB049",
           },
           {
             // smooth: true, //变为曲线 默认false折线
-            name: 'ss(mg/L)',
-            type: 'line',
+            name: "ss(mg/L)",
+            type: "line",
             data: props.data.yAxis2,
             yAxisIndex: 1,
-            color: '#1BFFF7',
+            color: "#1BFFF7",
           },
         ],
       };
@@ -133,7 +133,6 @@
           allData.chart.dispose();
           allData.chart = null;
         }
-        if (allData.timer) clearInterval(allData.timer);
         setTimeout(() => {
           init();
           allData.anIndex = 0;
@@ -142,12 +141,15 @@
     );
     // echarts动画
     function animateChart() {
+      if (allData.timer) {
+        clearInterval(allData.timer);
+      }
       let length = props.data.xAxis.length;
       allData.timer = setInterval(() => {
         allData.anIndex++;
         if (allData.anIndex == length) allData.anIndex = 0;
         allData.chart.dispatchAction({
-          type: 'showTip',
+          type: "showTip",
           seriesIndex: 0,
           dataIndex: allData.anIndex,
         });
@@ -155,7 +157,7 @@
     }
     onMounted(() => {
       init();
-      window.addEventListener('resize', resizeTheChart);
+      window.addEventListener("resize", resizeTheChart);
     });
     onUnmounted(() => {
       if (allData.timer) clearInterval(allData.timer);