yAxes 不适用于 min max 选项

Question

我检查了几个帖子。然而，没有一个解决方案解决了我的问题。

这是一个非常标准的最小值和最大值用法。我在 Barchart 中使用相同的设置并且它有效。不能在同一页面上的折线图中工作。

我也尝试了建议的最大值和建议的最小值。

顺便说一句，我的数据集有多个系列。

2.1.6 版

var ctx = document.getElementById(canvas);
   var lineChart = new Chart(ctx, {
    type: 'line',
    data: lineChartData,

    option: {
        scales: {
        yAxes: [ {
//              type: 'linear',
            ticks: {
                beginAtZero: true,
                max : 50,
                min : 0,

                }
            } ]
        }
    }

然后我尝试了另一篇文章中的一段代码......不工作......

var data = {
 labels: ["January", "February", "March", "April", "May", "June", "July"],
 datasets: [
    {
        label: "Test dataset",
        fill: false,
        data: [65, 59, 80, 81, 56, 55, 40],
    }
]
};
var ctx = document.getElementById("testLineChart");
    var myLineChart = new Chart(ctx, {
        type: 'line',
        data: data,
        option: {
            scales: {
            yAxes: [ {
                type: 'linear',
                ticks: {
                    beginAtZero: true,
                    min : 0,
                    max : 100,
                    }
                } ]
            }
        }
    });

Answer 1

您必须使用小写字母来匹配 Chartjs 对象属性的最小值和最大值。使用第一个字母作为大写，您正在对象中创建一个新字段，Chartjs 不会解析该字段。

尝试将您的代码更改为：

ticks: {
            beginAtZero: true,
            max : 50,
            min : 0,
       }

更新：

创建图表时，options 属性应该是复数（options 而不是 option），您在单词中缺少 S .

正确的做法是：

var myLineChart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: { ... }
}