Создание горизонтальной гистограммы с возможностью прокрутки

Question

У меня есть диаграмма, которая отображает большое количество данных, и я хотел бы сделать ее прокручиваемой, чтобы гистограммы отображались удобно - ось останется на месте, как я бы прокрутил вниз на графике, чтобы увидеть больше данных.

Вот пример того, что у меня есть: https://plnkr.co/edit/u9n9VztN7Xb1vkfedthv?p=preview

<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;
    }
  }

Как я могу настроить это так, чтобы он отображал около 5 баров, а затем прокрутить вниз до оставшегося бара?