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

问题描述

我正在尝试使用 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 似乎根本不同。

解决方法

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

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