Question

使用Chart.js的v2.0beta

我无法显示xAxes和yAxes比例标签，以及设置yAxes min / max。

我需要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,
},

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

希望这对某人有帮助。

如何显示比例标签并设置yAxes的最小值/最大值？

2 个答案: