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];
}
}
}
//...
});