如何使用react-chartjs-2强制Chart.js轴的最小值和最大值

Question

我正试图用react-chartjs-2创建一个简单的折线图，当我试图设置x轴和y轴的最小值/最大值时，这些值不会被接受。

我已经为options尝试了以下所有操作，但没有一个强制执行我指定的分钟和最大值：

第一次尝试：

{
scales: {
x: {
max: 1000,
min: 0
},
y: {
max: 8,
min: -3
}
}
}

第二次尝试：

{
scales: {
x: {
ticks: {
max: 1000,
min: 0
}
},
y: {
ticks: {
max: 8,
min: -3
}
}
}
}

第三次尝试：

{
scales: {
x: {
suggestedMax: 1000,
suggestedMin: 0
},
y: {
suggestedMax: 8,
suggestedMin: -3
}
}
}

但这些似乎都不起作用。我做错了什么/错过了什么？非常感谢。

顺便说一句，我发现Chart.js文档非常令人困惑，而且很难在网上找到有效的示例，尤其是因为Chart.js的v1和v2似乎根本不同。

Answer 1

对于当前版本的react-chartjs-2(2022年3月13日(，下面的代码对我有效，但HartleySan的回答没有改变输出。

我使用NextjsCCD_ 4，react-chartjs-2: 4.0.1，

<Line
datasetIdKey="id"
data={data}
options={{
scales: {
yAxis: {
min: 0,
max: 100,
},
....
},
}}
/>

Answer 2

啊！很沮丧，但我终于找到了答案。以下对我有效：

{
scales: {
xAxes: [{
ticks: {
beginAtZero: true,
max: 1000,
min: 0
}
}],
yAxes: [{
ticks: {
beginAtZero: false,
max: 8,
min: -3
}
}]
}
}