chart.js控制网格线之间/网格线的大小

Question

我在chart.js中创建了一个折线图，用于绘制金融市场的数据。

如何从x轴控制网格线的宽度？

数据是基于时间的，当图表开始时，网格线之间的空间太大。

随着数据的添加，图表会自动压缩空间。

我想将间距控制为可以从一开始就设置的均匀量。

任何帮助都非常感激。

Answer 1

可能不是最好的解决方案，但是通过设置固定高度或宽度，您可以控制gridLines之间的最大间距

<canvas id="myChart" width="1200px"></canvas>

Answer 2

您可以设置最大垂直网格线数（对于x轴）：

scales: {
    xAxes: [{
        ticks: {
            maxTicksLimit: 20,
        },
    }]
},