高图：在图表上添加按钮以隐藏或显示多个轴

Question

我有一个具有3个y轴的图表。我有一个要求，用户可以选择在图表上显示或隐藏y轴，但是我需要一些帮助使其工作。

我在图表上添加了一个按钮，并尝试了两种不同的方法来隐藏该轴：（i）在该轴上使用show和hide方法（这会产生控制台错误）（ii）将visible属性设置为trye并错误的。

这是按钮的代码：

exporting: {

            buttons: {

                customButton: {

                    text: 'Hide/Show Y-Axis',

                    onclick: function () {

                       /* 

                       /// I get a console error trying to use the hide or show method

                       this.yAxis[0].visible ? this.yAxis[0].hide() : this.yAxis[0].show();

                          */ 

                    if (this.yAxis[0].visible || this.yAxis[1].visible || this.yAxis[2].visible)

                    {

                    this.yAxis[0].visible = false;

                    this.yAxis[1].visible = false;

                    this.yAxis[2].visible = false;

                    }

                    else

                    {

                    this.yAxis[0].visible = true;

                    this.yAxis[1].visible = true;

                    this.yAxis[2].visible = true;

                    } 

               this.redraw();

                    }

                } 

            }

        }

到达时似乎可以执行某些操作，this.redraw()但不会隐藏轴。我在这里做错了什么？

完整代码：JSFiddle