Highchart - 在不隐藏系列的情况下显示/隐藏y轴

Question

我正在使用Highchart。 我有一个多系列图，其中每个系列都有自己的y轴。

pretty much like this one (jsfiddle)

当我们点击了一系列的图例项，它隐藏它和相关的y轴 （使用showEmpty:false帮助也隐藏轴的名称）

我是什么试图实现隐藏给定系列的Y轴而不隐藏系列本身。

我试图通过修改showAxis属性像这样隐藏：

serie.yAxis.showAxis = false; 

，但它不工作。 任何人都知道我应该怎么做？

编辑：我设法编辑文本，所以我可以通过将文本设置为空删除轴标题，但它不足以隐藏整个轴和它的值。

这里就是我做编辑的文本：

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

Answer 1

Highcharts 4.1.9+

4.1.9以来，有一个选项Axis.visible可用于显示/隐藏轴，演示：http://jsfiddle.net/3sembmfo/36/

旧版本Highcharts的

这是Highcharts 3.0的一项新功能 - 允许实时更新坐标轴：chart.yAxis[0].update(object) - 由于对象采用与创建图表相同的选项。例如：

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

而且的jsfiddle：http://jsfiddle.net/39xBU/2/

编辑：

使用下段由只调用axis.hide()和axis.show()隐藏/显示轴。现场演示：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);