javascript - data - Etiquetas de texto Highcharts para eje y

highcharts yaxis line

Question

Estoy usando Highcharts y me gustaría mostrar un gráfico de columnas simple, pero en lugar de usar valores numéricos para el eje y, me gustaría usar valores de texto.
Por ejemplo, en lugar de [0,5,10,15,20] me gustaría usar [Very Low,Low,Medium,High,Very High] .

Me di cuenta de que es algo posible hacer esto con las bandas de trazado, pero eso todavía muestra las etiquetas numéricas del eje Y y simplemente pone el texto al lado de ellas. Solo quiero mostrar las etiquetas de texto.

Answer 1

Declara un objeto que se utilizará para cambiar los valores que deseas cambiar, como el siguiente.

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

Luego, en las opciones de gráfico, use el formateador de etiquetas para cambiarlo.

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

Answer 2

Puede cambiar las etiquetas utilizando un formateador de etiquetas . Suponiendo que sus datos se forman adecuadamente, puede hacer algo como lo siguiente:

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