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)
},