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

Question

是否可以手动更改水平（网格）线之间的间距？设置maintainAspectRatio: false,kinda 可以解决问题，但会使图形高度太窄。我看到有一个扩展现有图表类型的选项

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的新手，可以这样做吗？任何帮助将非常感激。我正在尝试更改图形的高度或设置最大高度，以便它在响应时看起来不会太大？

Answer 1

你可以传入选项。虽然没有直接设置网格线之间水平间距的选项，但您可以使用下面的（来自http://www.chartjs.org/docs/#getting-started-global-chart-configuration）

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

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

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

调整scaleStepWidth来控制间距。