年月日三个图表“轮播”

src/views/index.vue

@@ -180,6 +180,7 @@ export default {
       groupNameData: [],
       timer1: null,//左上角定时器
       timer2: null,//左下角定时器
+      timer0: null,//年月日切换定时器
     };
   },
   //创建的时候修改背景图片
@@ -206,8 +207,24 @@ export default {
       this.index_pie1();
     }, 1000)
 
+    this.autoTimer0();
   },
   methods: {
+    autoTimer0(){
+      clearInterval(this.timer0);
+      this.timer0 = setInterval(() => {
+        if(this.klselt == 'y'){
+          this.klselt = 'm';
+          this.btgetdata2();
+        }else if(this.klselt == 'm'){
+          this.klselt = 'd';
+          this.btgetdata3();
+        }else if(this.klselt == 'd'){
+          this.klselt = 'y';
+          this.btgetdata();
+        }
+      }, 5000);
+    },
     btgetdata() {
       //年客流
       let that = this;
@@ -317,17 +334,20 @@ export default {
       // console.log(type);
       this.klselt = type;
       // this.getHomeBarData();
-      this.btgetdata()
+      this.btgetdata();
+      this.autoTimer0();
     },
     selitem2(type) {
       // console.log(type);
       this.klselt = type;
-      this.btgetdata2()
+      this.btgetdata2();
+      this.autoTimer0();
     },
     selitem3(type) {
       // console.log(type);
       this.klselt = type;
-      this.btgetdata3()
+      this.btgetdata3();
+      this.autoTimer0();
     },
 
     // 透明背景柱状统计图--总服务人次趋势