Текстовые метки Highcharts для оси y

Я использую Highcharts и хочу отобразить простой столбец, но вместо использования числовых значений для оси y, я хотел бы использовать текстовые значения.
Например, вместо [0,5,10,15,20] я хотел бы использовать [Very Low,Low,Medium,High,Very High].

Я заметил, что это возможно сделать с полосами заговора, но это все еще показывает числовые метки оси Y и просто помещает текст рядом с ними. Я хочу показывать только текстовые метки.

Ответ 1

Вы можете изменить ярлыки с помощью форматирования ярлыков. Предполагая, что ваши данные сформированы надлежащим образом, вы можете сделать что-то вроде следующего:

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

Ответ 2

Объявить объект, который будет использоваться для переключения значений, которые вы хотите изменить, например:

var change = {
    0: 'Very Low',
    5: 'Low',
    10: 'Medium',
    15: 'High',
    20: 'Very High'
};

Затем на ваших параметрах диаграммы используйте метки formatter для его переключения.

yAxis: {
    labels: {
        formatter: function() {
            var value = change[this.value];
            return value !== 'undefined' ? value : this.value;
        }
    }
}