echarts为我们提供了dataZoom 组件，当数据过多时就有了它的用武之地，业务场景：数据返回100调可是为了前端显示效果默认只显示20条，其他数据由dataZoom控制显示隐藏：

getDate() {
  this.showloading = true;
  this.nodata = false;
  let data = { ... };
  this.$axios({
    method: "post",
    url: "xxx",
    data: JSON.stringify(data)
  }).then(res => {
    this.showloading = false;
    let $self = this;
    if(res.data.result.chartResult.length) {
      ...
      $self.Option.dataZoom[0].end = res.data.result.chartResult.length > 8 ? (8/res.data.result.chartResult.length)*100 : 100  
    }        
  });
}

dataZoom 数据窗口范围的起始百分比。范围是：0 ~ 100。表示 0% ~ 100%。其实我只是添加了请求成功后的if判断，8是我设置的显示条数，这个可以作为参数传进来或者后端数据发送回来这样更动态一点，然后就实现数据显示的控制喽。