标签：timeout echart dataZoom myChart 柱状图 endValue 折线图 startValue option

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。