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

时间:2019-02-08 05:59:58

标签: html css angular typescript ng2-charts

问题陈述: 我试图水平制作ng2-charts的条形图scrollable,因为我将从API接收不受限制的数据。 如果x轴上的数据值超过了某些限制,则x轴上的标签开始重叠,并且我不想跳过任何标签,因此,我想将图表水平scrollable

Screenshot

GitHub Repository Link

1 个答案:

答案 0 :(得分: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>