Highchart - show / hide an y-Axis without hiding the series

Question

I\'m working with Highchart. I\'ve got a multiple series graph in which each series have their own y-axis.

pretty much like this one (jsfiddle)

when we cli

Answer 1

For newer versions (I'm using the 6.2.0), the yAxis property has a parameter called gridLineWidth. Just set it to 0 and the grids for that axis are going to disappear. In this JSFiddle there is an example of it.

However, if you are in styled mode this it's trickier. Here, you have to set a className for the target axis and then set the CSS like this:

.highcharts-yaxis-grid {
    &.right-axis {
      path {
        stroke: none;
      }
    }
  }

For example, this will make dissapear the grids of the axis with a className set as right-axis. This allow to have different styles for the multiple axis.