Html 如何使ng2图表垂直条形图水平滚动？

问题陈述： 我正试图使

ng2图表

条形图水平

滚动

，因为我将从API接收数据，这是不受限制的。如果x轴上的数据值增长超过某些限制，x轴上的标签开始重叠，我不想跳过任何标签，因此，我想使图表水平滚动

---

您可以使用内联样式

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

获取父div并在该div内添加图表，使父div宽度为100%，图表溢出-x:auto；试试这个，我想这会有帮助的you@CryptexTechnologies不，这无助于图表的画布元素显示响应行为。