yAxes 不适用于 min max 选项

Question

我检查了几个 post。但是 none 的解决方案解决了我的问题。

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

我尝试了 suggestedMax，suggestedMin。

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

版本 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,

                }
            } ]
        }
    }

然后我尝试了另一个 post 的一段代码...无法正常工作....

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

yAxes 不适用于 min max 选项

yAxes not working with min max option

html

javascript

canvas

axes

chart.js