ChartJS:如何设置固定的Y轴最大值和最小值

Question

我有一个折线图,我试图设置固定的最大值和最小值.我已经尝试了在SO上找到的其他建议,但它仍然无效.我的图表会根据传入的数据重新设置最大值和最小值.

这是我传递给折线图的当前选项:

var options = {
        responsive: true,
        animation: false
};

我也尝试过这些设置:

var options = {
    scales: {
        animation: false,
        yAxes: [{
            display: true,
            ticks: {
                suggestedMin: -1,
                suggestedMax: 1
            }
        }]
    }
};

知道我做错了什么吗？

谢谢!

Answer 1

要修复yAxes比例的最小值和最大值,请使用以下代码.

options:{
            scales: {
                yAxes : [{
                    ticks : {
                        max : 1,    
                        min : -1
                    }
                }]
            }
        }

suggestMax仅在传入数据低于suggestedMax值时才有效. suggestMin仅在传入数据大于suggestedMin值时才有效.

Answer 2

对于 Chart.js 版本 < 3.0：

来自Sanjay Dutt的回答：

options:{
  scales: {
    yAxes : [{
      ticks : {
        max : 1,    
        min : -1
      }
    }]
  }
}

对于 Chart.js 版本 >= 3.0：

由于版本 3.X 中的重大更改，上述答案不再有效。Chart.js 创建了一个迁移指南来解决即将出现的问题。最小值和最大值现在可以直接配置为options.scales：

options : {
    scales : {
        y : {
            min: -1,
            max: 1,
        }
    }
}