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

oymdgrw7 于 2023-03-12 发布在 Chart.js

关注(0)|答案(3)|浏览(172)

我在chart.js中创建了一个折线图，绘制了金融市场的数据。
如何从x轴控制网格线的宽度？
数据基于时间，图表开始时网格线之间的空间太大。

添加数据时，图表会自动压缩空间。

我希望将间距控制为一个统一的量，以便从一开始就可以设置。
任何帮助都很感激。

3条答案

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

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

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

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

我花了几天时间试图解决这个问题。这个视频让我找到了最终的解决方案：https://www.youtube.com/watch?v=XUAP3szj_u8