javascript - Highcharts y 轴文本标签

Question

我正在使用 Highcharts，并希望显示一个简单的柱形图，但我不想使用 y 轴的数值，而是使用文本值。
例如，我想使用 [Very Low,Low,Medium,High,Very High]，而不是 [0,5,10,15,20]。

我注意到使用绘图带可以做到这一点，但仍然显示数字 y 轴标签，只是将文本放在它们旁边。我只想显示文本标签。

Answer 1

您可以使用 label formatter 更改标签。假设您的数据格式正确，您可以执行以下操作:

var yourLabels = ["Very Low", "Low", "Medium", "High", "Very High"];
var yourChart = new Highcharts.Chart({
    //...
    yAxis: {        
        labels: {
            formatter: function() {
                return yourLabels[this.value];
            }
        }
    }
    //...
});