echarts左右轮播动画效果

data:{
  timerId:'',//定时器标识
  startValue: 0,//开始
  endValue: 3,//结束（显示数据量）
  data:[],
}

在option中添加dataZoom属性及设置定时器

  setEcharts(){
    option={
      dataZoom: {
        show: false,
        startValue: this.startValue,
        endValue: this.endValue
      },
    }  
  }    
  startInterval() {
    if (this.timerId) {
        clearInterval(this.timerId)
    }
    this.timerId = setInterval(() => {
        this.startValue++
        this.endValue++
    if (this.endValue >= data.length) {
        this.startValue = 0
        this.endValue = 3
    }
        this.setEcharts()
    }, 2000)
  },