图表动画

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() {