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

Question

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

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

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

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

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

非常感谢任何帮助。

Answer 1

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

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