highcharts - example - Highchart: muestra/oculta un eje y sin ocultar la serie

legend highcharts

Question

Estoy trabajando con Highchart. Tengo un gráfico de series múltiples en el que cada serie tiene su propio eje y.

muy parecido a este (jsfiddle)

cuando hacemos clic en el elemento de leyenda para una serie, lo oculta y el eje y asociado (usando showEmpty:false ayudó a ocultar también el nombre de los ejes)

Lo que intento lograr es ocultar el eje y de una serie determinada sin ocultar la serie en sí.

Traté de ocultarlo modificando la propiedad showAxis de esta manera:

serie.yAxis.showAxis = false;

pero no funciona. ¿Alguien sabe cómo debo hacer?

EDITAR: Logré editar el texto para poder eliminar el título del eje al establecer el texto como nulo, pero no es suficiente para ocultar todo el eje y sus valores.

esto es lo que hice para editar el texto:

serie.yAxis.axisTitle.attr({
text: null
});

Answer 1

Highcharts 4.1.9+

Desde 4.1.9, hay una opción Axis.visible que se puede usar para mostrar / ocultar un eje, demo: http://jsfiddle.net/3sembmfo/36/

Versiones anteriores de Highcharts

Es una característica nueva para Highcharts 3.0, que permite actualizar ejes en tiempo real: chart.yAxis[0].update(object) - como objeto toma las mismas opciones que para crear un gráfico. Por ejemplo:

 chart.yAxis[0].update({
labels: {
enabled: false
},
title: {
text: null
}
});

Y jsFiddle: http://jsfiddle.net/39xBU/2/

EDITAR:

Use el siguiente fragmento para ocultar / mostrar el eje con solo llamar a axis.hide() y axis.show() . Demostración en vivo: http://jsfiddle.net/39xBU/183/

(function (HC) {
var UNDEFINED;
HC.wrap(HC.Axis.prototype, ''render'', function (p) {
if (typeof this.visible === ''undefined'') {
this.visible = true;
}
if(this.visible) {
this.min = this.prevMin || this.min;
this.max = this.prevMax || this.max;
} else {
this.prevMin = this.min;
this.prevMax = this.max;
this.min = UNDEFINED;
this.max = UNDEFINED;
}
this.hasData = this.visible;
p.call(this);
});
HC.Axis.prototype.hide = function () {
this.visible = false;
this.render();
HC.each(this.plotLinesAndBands, function (plotLine) {
plotLine.render();
});
};
HC.Axis.prototype.show = function () {
this.visible = true;
this.render();
HC.each(this.plotLinesAndBands, function (plotLine) {
plotLine.render();
});
};
})(Highcharts);