Search code examples
javascripthighchartszebra-striping

How to implement "zebra striping" in highcharts axes

I want to implement "zebra stripes" styling on the highcharts background as it will in improving readability of the graph data.

Notice the gray color between horizontal axes https://i.sstatic.net/6frYR.png

I was unable to find any such option in the highcharts website. It would be really helpful if someone had implemented it using custom javascript functions.

Solution

  • Check out alternateGridColor. This will specify a color for the alternating category grids.