2

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.stack.imgur.com/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.

Johnny Bravo
  • 25
  • 5
  • jquery will make it a lot easier. – NomNomNom Aug 28 '14 at 05:24
  • So the background needs to be a zebra? If yes, you can prepare it as image and set it by parameter: http://api.highcharts.com/highcharts#chart.plotBackgroundImage – Sebastian Bochan Aug 28 '14 at 09:30
  • 1
    Wouldn't the built in 'alternateGridColor' property be a whole lot easier than a background image? Especially since you'd have to adjust your image every time the axis extremes or intervals change... – jlbriggs Aug 28 '14 at 13:09
  • @jlbriggs you are right, but I attached additional solution. I think that many variations are useful ;) – Sebastian Bochan Aug 28 '14 at 13:26

1 Answers1

3

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

wergeld
  • 14,332
  • 8
  • 51
  • 81