Charts 更改折线图的水平（网格）线之间的间距

是否可以手动更改水平（网格）线之间的间距？设置

maintaintAspectRatio:false，

会起到一定的作用，但会使图形高度过窄。我看到有一个扩展现有图表类型的选项

Chart.types.Line.extend({
// Passing in a name registers this chart in the Chart namespace in the same way
name: "LineAlt",
initialize: function(data){
    console.log('My Line chart extension');
    Chart.types.Line.prototype.initialize.apply(this, arguments);
}
});

// Creates a line chart in the same way
new Chart(ctx).LineAlt(data);

---

但我不知道如何抓住和改变线之间的高度。我是chartjs的新手，所以可以这样做吗？任何帮助都将不胜感激。我正在尝试更改图形的高度或设置最大高度，以便它在响应时看起来不会太大？

您可以传入选项。虽然没有选项可直接设置轴线之间的水平间距，但可以使用以下选项（从）

请注意，您需要所有4个设置

---

调整scalestWidth以控制间距。

尽管您的代码减少了网格线之间的间距，但它并没有改变我希望通过它实现的图形高度：（我想为图形设置最大高度或计算新高度，因为图形看起来太大，同时保持响应！？另一方面，设置

maintainAspectRatio:false

会使图形高度太窄？设置响应时，图形将调整大小以适应容器（如果maintainAspectRatio为false），所以你所要做的就是为容器设置一个高度。如果这不起作用-你能设置一把小提琴吗？我正试图计算并更改图表高度：（（thanks@potatopeelings是否可以更改x轴点之间的距离？？如水平网格或标签之间的距离？

// Creates a line chart in the same way
new Chart(ctx).LineAlt(data, {
     scaleOverride: true,

     scaleSteps: 10,
     scaleStepWidth: 20,
     scaleStartValue: 0,       
});