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

Question

问题陈述： 我正在尝试让ng2-charts水平滚动的柱状图，因为我将从API接收未被限制的数据。如果x轴上的数据值增长到一定限度，则x轴上的标签会开始重叠，我不想跳过任何标签，因此，我希望我的图表可以水平滚动。

- Shashank Rawat

---

将父级 div 添加到 div 中，将父级 div 宽度设置为 100%，并将图表的 overflow-x 设置为 auto；尝试一下，我认为这会对你有所帮助。 - Cryptex Technologies

@CryptexTechnologies 不，它并没有帮助，图表的画布元素显示出了响应式行为。 - Shashank Rawat

你有没有得到任何合适的解决方案？我也遇到了同样的问题。 - Nikson K John

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>

- Dhaval Chokshi