html - 如何使 ng2-charts 垂直条形图水平滚动？

Question

问题陈述:我正在尝试制作 ng2-charts 水平条形图 可滚动 因为我将从不受限制的 API 接收数据。 如果 x 轴上的数据值增长超过某些限制，x 轴上的标签开始重叠，我不想跳过任何标签，因此，我想让我的图表水平可滚动 .

Answer 1

您可以使用内联样式。

<div style="overflow:scroll;">
<div class="chart-wrapper" style="height:300px">
<canvas baseChart width="3" height="1"
    [datasets]="barChartData"
    [labels]="barChartLabels"
    [options]="barChartOptions"
    [colors] = "[barChartColors]"
    [legend]="'true'"
    [chartType]="'bar'"></canvas>
</div>
</div>