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

iq3niunx 于 2022-11-06 发布在 Chart.js

关注(0)|答案(2)|浏览(251)

我有一个折线图，我试图设置一个固定的最大值和最小值。我已经尝试了其他建议找到的SO，但它仍然不工作。我的图表不断重新设置最大值和最小值取决于传入的数据。
以下是我传递给折线图的当前选项：

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

我也试过这些设置：

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

你知道我做错了什么吗
谢谢你！

chart.js

来源：https://stackoverflow.com/questions/41216308/chartjs-how-to-set-fixed-y-axis-max-and-min

2条答案

按热度按时间

1cosmwyk1#

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

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

suggestedMax仅在传入数据小于sugestedMax值时有效。sugestedMin仅在传入数据大于sugestedMin值时有效。

赞(0）回复(0）举报 2022-11-06

1u4esq0p2#

对于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,
        }
    }
}

赞(0）回复(0）举报 2022-11-06

我来回答

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

2条答案

对于Chart.js版本〈3.0：

对于Chart.js版本〉= 3.0：

相关问题

热门标签

最新问答