javascript - yAxes 不适用于最小最大选项

Question

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

这是最小值和最大值的相当标准的用法。我在条形图中使用了相同的设置并且它有效。无法在同一页面上的折线图中工作。

我也尝试过 suggestMax 和 suggestMin 。

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

版本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: { ... }
}