chart.js - 如何显示刻度标签并设置 tAxes 的最小值/最大值？

Question

使用 Chart.js v2.0beta

我在显示 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,
                    },
                }
            ],
        },
    }
});

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