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]     }] }); 

Comments

Popular posts from this blog

r - Trouble relying on third party package imports in my package -

Payment information shows nothing in one page checkout page magento -