Question

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

这是min和max的标准用法。我在Barchart中使用相同的设置并且它有效。不在同一页面上的折线图中工作。

我尝试过使用suggestMax，也建议使用。

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

版本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属性应为复数（选项而不是选项），您在单词中缺少 S

正确的方法是：

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

yAx不使用min max选项

1 个答案: