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

Javascript 如何使用react-chartjs-2强制Chart.js轴的最小值和最大值?,javascript,chart.js,react-chartjs-2,Javascript,Chart.js,React Chartjs 2,我正在尝试使用react-chartjs-2创建一个简单的折线图,当我尝试设置x轴和y轴的最小值/最大值时,这些值不会发生变化 我已为选项尝试了以下所有操作,但没有一个执行我指定的分钟和最大值: 第一次尝试: { scales: { x: { max: 1000, min: 0 }, y: { max: 8, min: -3 }

我正在尝试使用
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
        }
    }
}
第三次尝试:

{
    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
            }
        }]
    }
}

如果您在如下链接中指定了版本,您仍然可以获得chart.js的v2文档和示例,或者您可以要求react包装器的开发人员对其进行更新,以便使用v3