javascript - How to display grid line on top of highchart -

how display grid line on top of chart,

i'm having red color grid line in chart, how display grid line on top of chart

i'm trying setting index in css

code:

$(function () {     $('#container').highcharts({          credits: {             enabled: false         },          xaxis: {             categories: ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec']         },                  yaxis: {             gridlinecolor: 'red'         },          series: [{             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]         }]     }); }); 

fiddle link: http://jsfiddle.net/pewx4esm/1/

helps appreciated

try this:

$(function () { $('#container').highcharts({     credits: {         enabled: false     },      xaxis: {         categories: ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec']     },              yaxis: {         gridlinecolor: 'red',                 gridzindex:90     },      series: [{         data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]     }] });