From b2fa06239dab9163c69ad04209b9a43ce53bf6d9 Mon Sep 17 00:00:00 2001
From: "453530270@qq.com" <aa123456>
Date: Thu, 27 Jul 2023 15:59:14 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E8=A1=A8=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/TycView.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/views/TycView.vue b/src/views/TycView.vue
index 5fa692d..f664142 100644
--- a/src/views/TycView.vue
+++ b/src/views/TycView.vue
@@ -358,8 +358,6 @@ export default {
     },
     // 24H 进馆人数
     cgsf_line() {
-
-      // console.log(this.ecbardata[0].xname)
       var chartDom = document.getElementById('gcins_charts');
       var myChart = echarts.init(chartDom);
       var option;
@@ -432,6 +430,10 @@ export default {
           barWidth: '10%',
           barCategoryGap: '60%',
           stack: 1,
+          // animation 
+          animationDurationUpdate:3000,
+          animationEasingUpdate:'quintcInOut',
+
           itemStyle: {
             normal: {
               barBorderRadius: [30, 30, 0, 0],
@@ -452,7 +454,6 @@ export default {
           zlevel: 11
         },
         {
-          // name: '厂用电量',
           type: 'scatter',
           stack: 1,
           xAxisIndex: 0,
@@ -486,6 +487,12 @@ export default {
       }
 
       option && myChart.setOption(option);
+      //消停几秒后开始，动画
+    
+     setInterval(()=>{
+        myChart.clear()
+        option && myChart.setOption(option);
+     },4000);
     },
     // 场馆人流趋势
     cg_line() {