我有一个显示大量数据的图表,我想让它可滚动,以便舒适地显示图表条 - xaxis 将保持在原位,因为我将在图表中向下滚动以查看更多数据。
这是我到目前为止所拥有的内容: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 条,然后向下滚动到剩余的条?