diff --git a/src/views/visualization/components/DXCY.vue b/src/views/visualization/components/DXCY.vue
index 8efc00e6..dfdd49ae 100644
--- a/src/views/visualization/components/DXCY.vue
+++ b/src/views/visualization/components/DXCY.vue
@@ -11,7 +11,16 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, reactive, ref, Ref, onBeforeMount, watch, toRefs } from 'vue'
+  import {
+    defineComponent,
+    reactive,
+    ref,
+    Ref,
+    onBeforeMount,
+    watch,
+    toRefs,
+    onBeforeUnmount,
+  } from 'vue'
   import Box from './Box.vue'
   import { useECharts } from '/@/hooks/web/useECharts'
   import { getRiceShrimpIndustry } from '/@/api/sys/other'
@@ -45,17 +54,21 @@
 
       const { setOptions, getInstance } = useECharts(chartRef as Ref<HTMLDivElement>)
 
-      async function getData() {
+      async function getData(init = true) {
         const resData = await getRiceShrimpIndustry({
           year: visualizationStore.getYear,
         })
         Data.x_axis = resData.x_axis
         Data.series = resData.series
-
-        chartsInit()
+        if (init) {
+          chartsInit()
+        } else {
+          chartLineAmi()
+        }
       }
+
       let legendData = [] as any
-      const chartsInit = () => {
+      function formatChartData() {
         const obj = {
           legendData: [] as any,
           series: [] as any,
@@ -63,12 +76,12 @@
 
         Data.series.forEach(({ name, data }, index) => {
           const color = chartLineColors[index % chartLineColors.length]
-          obj.legendData.push(name)
+          obj.legendData.push(name + '')
           obj.series.push({
             name: name,
             data: data,
-            smooth: false,
             type: 'line',
+            smooth: false,
             // symbol: 'none',
             itemStyle: {
               color: color.itemColor,
@@ -78,8 +91,11 @@
             },
           })
         })
-
         legendData = obj.legendData
+        return obj
+      }
+      const chartsInit = () => {
+        const obj = formatChartData()
 
         setOptions({
           grid: { left: '2%', right: '4%', top: '10%', bottom: '2%', containLabel: true },
@@ -142,35 +158,40 @@
       function chartAmi() {
         let index = 0
         const timerNumber = 3000
-        let sleep = 1
         timer && clearInterval(timer)
+        let currentIndex = 0
+        let sleep = 0
+        const fo = 2
         timer = setInterval(() => {
-          const currentIndex = index % 4
-          sleep = index % (4 * 2)
-
+          currentIndex = index % 4
+          sleep = index % (4 * fo)
           getInstance()?.dispatchAction({
             type: 'showTip',
             seriesIndex: 0,
             dataIndex: currentIndex,
           })
-          if (sleep == 7) {
-            chartLineAmi()
+          if (sleep + 1 >= 4 * fo) {
+            timer && clearInterval(timer)
+            setTimeout(() => {
+              getInstance()?.dispatchAction({
+                type: 'hideTip',
+              })
+            }, timerNumber)
+            getData(false)
           }
-
           index++
         }, timerNumber)
       }
 
       function chartLineAmi() {
+        const obj = formatChartData()
+        let index = 0
+        let currentIndex = 0
         const timerNumber = 3000
         timer && clearInterval(timer)
-        let legendIndex = legendData.length
-        let sleep = 6000 / 3000
         timer = setInterval(() => {
-          getInstance()?.dispatchAction({
-            type: 'hideTip',
-          })
-          if (legendIndex == legendData.length) {
+          currentIndex = index % legendData.length
+          if (currentIndex == 0) {
             legendData.forEach((_, index) => {
               getInstance()?.dispatchAction({
                 type: 'legendUnSelect',
@@ -178,17 +199,21 @@
               })
             })
           }
-          if (legendIndex >= 0) {
-            getInstance()?.dispatchAction({
-              type: 'legendSelect',
-              name: legendData[legendIndex - 1],
-            })
+          getInstance()?.setOption({
+            series: [obj.series[currentIndex]],
+          })
+          getInstance()?.dispatchAction({
+            type: 'legendSelect',
+            name: legendData[currentIndex],
+          })
+          if (currentIndex == legendData.length - 1) {
+            timer && clearInterval(timer)
+            setTimeout(() => {
+              chartAmi()
+            }, timerNumber)
           }
-          if (legendIndex <= 0) {
-            if (sleep <= 0) getData()
-            sleep--
-          }
-          legendIndex--
+
+          index++
         }, timerNumber)
       }
 
@@ -199,6 +224,10 @@
         })
       })
 
+      onBeforeUnmount(() => {
+        timer && clearInterval(timer)
+      })
+
       watch(
         () => visualizationStore.getYear,
         () => getData(),
diff --git a/src/views/visualization/components/DXJG.vue b/src/views/visualization/components/DXJG.vue
index 109b5266..8cc29cfd 100644
--- a/src/views/visualization/components/DXJG.vue
+++ b/src/views/visualization/components/DXJG.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, reactive, ref, Ref, onBeforeMount } from 'vue'
+  import { defineComponent, reactive, ref, Ref, onBeforeMount, onBeforeUnmount } from 'vue'
   import Box from './Box.vue'
   import { useECharts } from '/@/hooks/web/useECharts'
   import { getRiceShrimpPrice } from '/@/api/sys/other'
@@ -51,14 +51,15 @@
         chartsInit()
       }
 
-      const reducer = (acc, cur) => (cur > acc ? cur : acc)
-      function largestOfFour(arr) {
-        return arr.map(({ data }) => data.reduce(reducer))
-      }
+      // const reducer = (acc, cur) => (cur > acc ? cur : acc)
+      // function largestOfFour(arr) {
+      //   return arr.map(({ data }) => data.reduce(reducer))
+      // }
 
       const { setOptions, getInstance } = useECharts(chartRef as Ref<HTMLDivElement>)
       let legendData = [] as any
-      const chartsInit = () => {
+
+      function formatChartData() {
         const obj = {
           legendData: [] as any,
           series: [] as any,
@@ -81,10 +82,13 @@
             },
           })
         })
-
-        const max = Math.max(...largestOfFour(Data.series)) ?? 100
-
         legendData = obj.legendData
+        return obj
+      }
+
+      const chartsInit = () => {
+        const obj = formatChartData()
+        // const max = Math.max(...largestOfFour(Data.series)) ?? 100
 
         setOptions({
           grid: { left: '4%', right: '4%', top: '10%', bottom: '2%', containLabel: true },
@@ -152,29 +156,42 @@
       let timer: any = null
 
       function chartAmi() {
-        let index = 1
+        let index = 0
         const timerNumber = 3000
         timer && clearInterval(timer)
-        let sleep = 1
-        let type = 'showTip'
-        let legendIndex = legendData.length
+        let currentIndex = 0
+        let sleep = 0
+        const fo = 2
         timer = setInterval(() => {
-          if (legendData.length == 0) return
-          const currentIndex = (index - 1) % 4
-
-          sleep = index % (4 * 2)
-
+          currentIndex = index % 4
+          sleep = index % (4 * fo)
           getInstance()?.dispatchAction({
-            type: type,
+            type: 'showTip',
             seriesIndex: 0,
             dataIndex: currentIndex,
           })
-          // console.log('currentIndex', currentIndex)
-          //   console.log('legendIndex', legendIndex)
-          //   console.log('sleep', sleep)
-          //   console.log('index', index)
+          if (sleep + 1 >= 4 * fo) {
+            timer && clearInterval(timer)
+            setTimeout(() => {
+              getInstance()?.dispatchAction({
+                type: 'hideTip',
+              })
+            }, timerNumber)
+            getData(false)
+          }
+          index++
+        }, timerNumber)
+      }
 
-          if (type == 'hideTip' && currentIndex == 0) {
+      function chartLineAmi() {
+        const obj = formatChartData()
+        let index = 0
+        let currentIndex = 0
+        const timerNumber = 3000
+        timer && clearInterval(timer)
+        timer = setInterval(() => {
+          currentIndex = index % legendData.length
+          if (currentIndex == 0) {
             legendData.forEach((_, index) => {
               getInstance()?.dispatchAction({
                 type: 'legendUnSelect',
@@ -182,28 +199,33 @@
               })
             })
           }
-          if (type == 'hideTip') {
-            getInstance()?.dispatchAction({
-              type: 'legendSelect',
-              name: legendData[legendIndex - 1],
-            })
-            if (legendIndex == 0) getData()
-            legendIndex--
-          }
-
-          if (sleep == 0) {
-            type = 'hideTip'
+          getInstance()?.setOption({
+            series: [obj.series[currentIndex]],
+          })
+          getInstance()?.dispatchAction({
+            type: 'legendSelect',
+            name: legendData[currentIndex],
+          })
+          if (currentIndex == legendData.length - 1) {
+            timer && clearInterval(timer)
+            setTimeout(() => {
+              chartAmi()
+            }, timerNumber)
           }
 
           index++
         }, timerNumber)
       }
 
-      async function getData() {
+      async function getData(init = true) {
         const resData = await getRiceShrimpPrice()
         Data.x_axis = resData.x_axis
         Data.series = resData.series
-        chartsInit()
+        if (init) {
+          chartsInit()
+        } else {
+          chartLineAmi()
+        }
       }
 
       onBeforeMount(() => {
@@ -214,6 +236,10 @@
         })
       })
 
+      onBeforeUnmount(() => {
+        timer && clearInterval(timer)
+      })
+
       return {
         tabList,
         currentTab,
diff --git a/src/views/visualization/components/DXLX.vue b/src/views/visualization/components/DXLX.vue
index ae444af1..60ce3e24 100644
--- a/src/views/visualization/components/DXLX.vue
+++ b/src/views/visualization/components/DXLX.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, reactive, ref, Ref, onBeforeMount, watch } from 'vue'
+  import { defineComponent, reactive, ref, Ref, onBeforeMount, watch, onBeforeUnmount } from 'vue'
   import Box from './Box.vue'
   import { useECharts } from '/@/hooks/web/useECharts'
   import { getRiceShrimpFlow } from '/@/api/sys/other'
@@ -31,19 +31,23 @@
 
       const { setOptions, getInstance } = useECharts(chartRef as Ref<HTMLDivElement>)
 
-      async function getData() {
+      async function getData(init = true) {
         const resData = await getRiceShrimpFlow({
           year: visualizationStore.getYear,
         })
         Data.x_axis = resData.x_axis
         Data.series = resData.series
 
-        chartsInit()
+        if (init) {
+          chartsInit()
+        } else {
+          chartLineAmi()
+        }
       }
 
       let legendData = [] as any
 
-      const chartsInit = () => {
+      function formatChartData() {
         const obj = {
           legendData: [] as any,
           series: [] as any,
@@ -51,15 +55,13 @@
 
         Data.series.forEach(({ name, data }, index) => {
           const color = chartLineColors[index % chartLineColors.length]
-
-          obj.legendData.push(name)
+          obj.legendData.push(name + '')
           obj.series.push({
             name: name,
-            data: data.map((e) => (e ? Number((e / 2000).toFixed(2)) : e)),
-            smooth: false,
+            data: data,
             type: 'line',
+            smooth: false,
             // symbol: 'none',
-            stack: 'Total',
             itemStyle: {
               color: color.itemColor,
             },
@@ -68,8 +70,12 @@
             },
           })
         })
-
         legendData = obj.legendData
+        return obj
+      }
+
+      const chartsInit = () => {
+        const obj = formatChartData()
         setOptions({
           grid: { left: '2%', right: '2%', top: '10%', bottom: '2%', containLabel: true },
           legend: {
@@ -129,39 +135,44 @@
       }
 
       let timer: any = null
+
       function chartAmi() {
         let index = 0
         const timerNumber = 3000
-        let sleep = 1
         timer && clearInterval(timer)
+        let currentIndex = 0
+        let sleep = 0
+        const fo = 2
         timer = setInterval(() => {
-          const currentIndex = index % 4
-          sleep = index % (4 * 2)
-
+          currentIndex = index % 4
+          sleep = index % (4 * fo)
           getInstance()?.dispatchAction({
             type: 'showTip',
             seriesIndex: 0,
             dataIndex: currentIndex,
           })
-
-          if (sleep == 7) {
-            chartLineAmi()
+          if (sleep + 1 >= 4 * fo) {
+            timer && clearInterval(timer)
+            setTimeout(() => {
+              getInstance()?.dispatchAction({
+                type: 'hideTip',
+              })
+            }, timerNumber)
+            getData(false)
           }
-
           index++
         }, timerNumber)
       }
 
       function chartLineAmi() {
+        const obj = formatChartData()
+        let index = 0
+        let currentIndex = 0
         const timerNumber = 3000
         timer && clearInterval(timer)
-        let legendIndex = legendData.length
-        let sleep = 6000 / 3000
         timer = setInterval(() => {
-          getInstance()?.dispatchAction({
-            type: 'hideTip',
-          })
-          if (legendIndex == legendData.length) {
+          currentIndex = index % legendData.length
+          if (currentIndex == 0) {
             legendData.forEach((_, index) => {
               getInstance()?.dispatchAction({
                 type: 'legendUnSelect',
@@ -169,17 +180,21 @@
               })
             })
           }
-          if (legendIndex >= 0) {
-            getInstance()?.dispatchAction({
-              type: 'legendSelect',
-              name: legendData[legendIndex - 1],
-            })
+          getInstance()?.setOption({
+            series: [obj.series[currentIndex]],
+          })
+          getInstance()?.dispatchAction({
+            type: 'legendSelect',
+            name: legendData[currentIndex],
+          })
+          if (currentIndex == legendData.length - 1) {
+            timer && clearInterval(timer)
+            setTimeout(() => {
+              chartAmi()
+            }, timerNumber)
           }
-          if (legendIndex <= 0) {
-            if (sleep <= 0) getData()
-            sleep--
-          }
-          legendIndex--
+
+          index++
         }, timerNumber)
       }
 
@@ -191,6 +206,10 @@
         })
       })
 
+      onBeforeUnmount(() => {
+        timer && clearInterval(timer)
+      })
+
       watch(
         () => visualizationStore.getYear,
         () => getData(),
diff --git a/src/views/visualization/components/DZWZ.vue b/src/views/visualization/components/DZWZ.vue
index ffd2ea13..907c1666 100644
--- a/src/views/visualization/components/DZWZ.vue
+++ b/src/views/visualization/components/DZWZ.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, reactive, ref, Ref, onBeforeMount, watch } from 'vue'
+  import { defineComponent, reactive, ref, Ref, onBeforeMount, watch, onBeforeUnmount } from 'vue'
   import Box from './Box.vue'
   import { useECharts } from '/@/hooks/web/useECharts'
   import { getMateriel } from '/@/api/sys/other'
@@ -62,19 +62,23 @@
 
       const { setOptions, getInstance } = useECharts(chartRef as Ref<HTMLDivElement>)
 
-      async function getData() {
+      async function getData(init = true) {
         const resData = await getMateriel({
           year: visualizationStore.getYear,
           type: currentTab.value,
         })
         Data.x_axis = resData.x_axis
         Data.series = resData.series
-        chartsInit()
+        if (init) {
+          chartsInit()
+        } else {
+          chartLineAmi()
+        }
       }
 
       let legendData = [] as any
 
-      const chartsInit = () => {
+      function formatChartData() {
         const obj = {
           legendData: [] as any,
           series: [] as any,
@@ -112,7 +116,11 @@
         })
 
         legendData = obj.legendData
+        return obj
+      }
 
+      const chartsInit = () => {
+        const obj = formatChartData()
         setOptions({
           grid: { left: '2%', right: '2%', top: '50px', bottom: '2%', containLabel: true },
           legend: {
@@ -192,36 +200,40 @@
       function chartAmi() {
         let index = 0
         const timerNumber = 3000
-        let sleep = 1
         timer && clearInterval(timer)
+        let currentIndex = 0
+        let sleep = 0
+        const fo = 2
         timer = setInterval(() => {
-          const currentIndex = index % 4
-          sleep = index % (4 * 2)
-
+          currentIndex = index % 4
+          sleep = index % (4 * fo)
           getInstance()?.dispatchAction({
             type: 'showTip',
             seriesIndex: 0,
             dataIndex: currentIndex,
           })
-
-          if (sleep == 7) {
-            chartLineAmi()
+          if (sleep + 1 >= 4 * fo) {
+            timer && clearInterval(timer)
+            setTimeout(() => {
+              getInstance()?.dispatchAction({
+                type: 'hideTip',
+              })
+            }, timerNumber)
+            getData(false)
           }
-
           index++
         }, timerNumber)
       }
 
       function chartLineAmi() {
+        const obj = formatChartData()
+        let index = 0
+        let currentIndex = 0
         const timerNumber = 3000
         timer && clearInterval(timer)
-        let legendIndex = legendData.length
-        let sleep = 6000 / 3000
         timer = setInterval(() => {
-          getInstance()?.dispatchAction({
-            type: 'hideTip',
-          })
-          if (legendIndex == legendData.length) {
+          currentIndex = index % legendData.length
+          if (currentIndex == 0) {
             legendData.forEach((_, index) => {
               getInstance()?.dispatchAction({
                 type: 'legendUnSelect',
@@ -229,17 +241,21 @@
               })
             })
           }
-          if (legendIndex >= 0) {
-            getInstance()?.dispatchAction({
-              type: 'legendSelect',
-              name: legendData[legendIndex - 1],
-            })
+          getInstance()?.setOption({
+            series: [obj.series[currentIndex]],
+          })
+          getInstance()?.dispatchAction({
+            type: 'legendSelect',
+            name: legendData[currentIndex],
+          })
+          if (currentIndex == legendData.length - 1) {
+            timer && clearInterval(timer)
+            setTimeout(() => {
+              chartAmi()
+            }, timerNumber)
           }
-          if (legendIndex <= 0) {
-            if (sleep <= 0) getData()
-            sleep--
-          }
-          legendIndex--
+
+          index++
         }, timerNumber)
       }
 
@@ -257,6 +273,10 @@
         })
       })
 
+      onBeforeUnmount(() => {
+        timer && clearInterval(timer)
+      })
+
       return {
         tabList,
         currentTab,
diff --git a/src/views/visualization/index.vue b/src/views/visualization/index.vue
index acf8a917..2ce4a933 100644
--- a/src/views/visualization/index.vue
+++ b/src/views/visualization/index.vue
@@ -124,13 +124,15 @@
         rootEmitter: vEmitter,
       })
 
-      let timer: any = null
+      let timer1: any = null
+      let timer2: any = null
+      let timer3: any = null
 
       const visibleMapModal = ref<boolean>(false)
       onMounted(() => {
-        setInterval(() => vEmitter.emit('interval:auto'), 1000 * 60)
-        setInterval(() => vEmitter.emit('interval:tab'), 1000 * 30)
-        setInterval(() => vEmitter.emit('interval:tab1'), 1000 * 10)
+        timer1 = setInterval(() => vEmitter.emit('interval:auto'), 1000 * 60)
+        timer2 = setInterval(() => vEmitter.emit('interval:tab'), 1000 * 30)
+        timer3 = setInterval(() => vEmitter.emit('interval:tab1'), 1000 * 10)
         new Build(cavsRef).run()
         // Am(unref(cavsRef))
       })
@@ -146,7 +148,9 @@
       })
 
       onBeforeUnmount(() => {
-        timer && clearInterval(timer)
+        timer1 && clearInterval(timer1)
+        timer2 && clearInterval(timer2)
+        timer3 && clearInterval(timer3)
       })
 
       return {