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

Question

我试图用react-chartjs-2创建一个简单的折线图，当我尝试设置x轴和y轴的最小值/最大值时，这些值将不起作用。

我已经尝试了以下所有选项,但没有一个执行我指定的最小值和最大值：

第一次尝试：

{
    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

啊！太令人沮丧了，但我终于找到了答案。以下几点对我起到了作用：

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