在 option 中设置dataZoom 属性值
dataZoom: [
//滑动条
{
xAxisIndex: 0, //这里是从X轴的0刻度开始
show: false, //是否显示滑动条,不影响使用
type: "inside", // 这个 dataZoom 组件是 slider 型 dataZoom 组件
startValue: 0, // 从头开始。
endValue: 2, // 一次性展示几个。
},
],
在option 外 设置 定时器
注意: 每次循环完都要添加一次 option (看不懂建议打印option查看详细属性)
setInterval(() => {
// 每次向后滚动一个,最后一个从头开始。
if (option.dataZoom[0].endValue == option.xAxis[0].data.length) {
option.dataZoom[0].endValue = 1;
option.dataZoom[0].startValue = 0;
} else {
option.dataZoom[0].endValue = option.dataZoom[0].endValue + 1;
option.dataZoom[0].startValue = option.dataZoom[0].startValue + 1;
}
option && myChart.setOption(option);
}, 3000);