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



我有一个线图,我正在尝试设置 filex 最大值和最小值。我已经尝试了其他建议,但仍然不起作用。我的图表不断重新设置最大值和最小值,具体取决于传入的数据。

这是我当前的选项,我将其传递到线图:

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

我也尝试了这些设置:

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

知道我做错了什么?

谢谢!

修复yaxes量表的最小值和最大值使用以下代码。

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

建议的max 只有在传入数据低于建议的max值时才能起作用。建议min 只有在传入数据大于建议的敏化值时才能起作用。

for 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,
        }
    }
}

最新更新