如何显示比例标签并为 tAxes 设置最小值/最大值？答案

【问题标题】：How to show scale labels and set min/max for yAxes?如何显示比例标签并为 tAxes 设置最小值/最大值？
【发布时间】：2019-08-24 00:32:04
【问题描述】：

使用 v2.0beta 的 Chart.js

我在显示 xAxes 和 yAxes 比例标签以及设置 yAxes 最小值/最大值时遇到问题。

我需要 yAxes 刻度范围从 -10 到 120，增量为 10....这在 v1 中非常容易做到，但我必须切换到 v2.0 才能反转 yAxes...帮助将不胜感激:)

尝试在 jsfiddle 中设置它，但无法正常工作，抱歉。

这是我的 Line 对象：

var chart = new Chart(context, {
    type: 'line',
    data: data,
    options: {
        scales: {
            xAxes: [
                {
                    position: "top",
                    scaleLabel: {
                        display: true,
                        labelString: "Frequency (Hz)",
                        fontFamily: "Montserrat",
                        fontColor: "black",
                    },
                    ticks: {
                        fontFamily: "Montserrat",
                    }
                }
            ],
            yAxes: [
                {
                    position: "left",
                    scaleLabel: {
                        display: true,
                        labelString: "dB",
                        fontFamily: "Montserrat",
                        fontColor: "black",
                    },
                    ticks: {
                        fontFamily: "Montserrat",
                        reverse : true,
                        min: -10,
                        max: 120,
                    },
                }
            ],
        },
    }
});

【问题讨论】：

这是一个 jsfiddle：jsfiddle.net/t7j245hj

标签： chart.js

【解决方案1】：

答案有点晚，但 Chart.js v2.0beta 似乎不能很好地支持这些刻度选项。

我updated your fiddle。我将 Chart.js v2.0beta 更新为 Chart.js v2.5，这是目前最新的 Chart.js。

您的刻度选项应如下所示

ticks: {
  min: -10,
  max: 110,
  stepSize: 10,
  reverse: true,
},

【讨论】：

【解决方案2】：

我知道您要求设置边界，但我的图表不知道比例是多少，所以我查看数据并获取高/低并调整图表以匹配数据。

    var hi = data.datasets[3].data[0];
    var lo = data.datasets[1].data[data.datasets[1].data.length - 1];


     ticks: {
        max: hi,
        min: lo,
        stepSize: 10
        }
    }

希望这对某人有所帮助。

【讨论】：