echart 柱状图折线图自动轮播

dataZoom: [{
  startValue:0,
  endValue:4,
}]

option 下方加

let timeout;

if(this.singbarchart.data.length>option.dataZoom[0].endValue){
  if(timeout){
    clearInterval(timeout);
  }
  timeout=setInterval(()=>{
   //datazoom默认显示数量<x轴数据长度时开始轮播
    if(option.dataZoom[0].endValue== this.singbarchart.data.length){
      debugger
      option.dataZoom[0].endValue=4;
      option.dataZoom[0].startValue=0;
    }else{
      debugger
      option.dataZoom[0].endValue=option.dataZoom[0].endValue+1;
      option.dataZoom[0].startValue=option.dataZoom[0].startValue+1;
    }
    this.myChart.clear();
    this.myChart.setOption(option);
    window.onresize = this.myChart.resize();
    // var option1 = this.myChart.getOption();
    // this.myChart.clear();
    // this.myChart.setOption(option1);
  },2000)
}

标签：timeout,echart,dataZoom,myChart,柱状图,endValue,折线图,startValue,option
来源： https://www.cnblogs.com/zhouyx/p/16379195.html