Javascript 制作水平条形图可滚动的chartjs和angular2

我有一个显示大量数据的图表，我想让它可以滚动，以便图形栏可以舒适地显示-xaxis将保持在适当的位置，因为我会在图形中向下滚动以查看更多数据

以下是我到目前为止所拥有的：

getData（）{
this.dataService.getData（）.subscribe（数据=>{
this.resultData=数据；
this.barChartLabels=this.resultData.map（item=>item.label）；
this.barChartData=this.resultData.map（item=>item.data）；
this.loaded=true；
}
}

我如何调整它，使其显示约5条，然后向下滚动到剩余的条

<div style="width:100%; display:block">
      <canvas *ngIf="loaded" baseChart [data]="barChartData" [labels]="barChartLabels" [options]="barChartOptions" [legend]="barChartLegend" [chartType]="barChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)">
      </canvas>
    </div>

getData(){
    this.dataService.getData().subscribe(data => {
      this.resultData = data;
      this.barChartLabels = this.resultData.map(item => item.label);
      this.barChartData = this.resultData.map(item => item.data);
      this.loaded = true;
    }
  }