Question

我有一个折线图，我试图设置固定最大值和最小值。我已经尝试了在SO上找到的其他建议，但它仍然无法正常工作。我的图表会根据传入的数据不断重新设置最大值和最小值。

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

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

我也试过了这些设置：

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

知道我做错了吗？

谢谢！

Answer 1

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

 if (getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE)
            if (isChecked) {
                leftContainer.removeView(checkboxesContainer);
                rootView.addView(checkboxesContainer);
            } else {
                rootView.setLayoutTransition(null);
                rootView.removeView(checkboxesContainer);
                leftContainer.addView(checkboxesContainer);
            }

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

Answer 2

对于Chart.js版本<3.0：

来自Sanjay Dutt的answer：

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

对于Chart.js版本> = 3.0：

由于版本3.X中发生重大更改，上述答案不再起作用。 Chart.js创建了Migration Guide来解决即将出现的问题。现在可以直接将最小值和最大值配置为options.scales：

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

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

2 个答案:

对于Chart.js版本<3.0：

对于Chart.js版本> = 3.0：