jQPlot - remove vertical grid lines

Question

I am using jqPlot as my charting framework and have numerous charts in my application, primarily line and stacked bar charts.

I now have a requirement to only show the horizonal grid lines on these charts and do not see any options in jqPlot to do this.

There is a showGridline option but that disables the grid lines entirely.

Is it possible to remove only the vertical grid lines in jqPlot and continue to show the horizontal ones?

score 56 · Accepted Answer · edited Jul 24 '14 at 07:55

56

I figured it out. You can apply showGridline to a single axis by doing the following:

axes:{
    xaxis: {
       tickOptions:{
          showGridline: false
       }
    }
}

edited Jul 24 '14 at 07:55

BlackTigerX

6,006
7
38
48

answered Apr 13 '12 at 02:19

nolt2232

2,594
1
22
33

score 8 · Answer 2 · edited May 17 '17 at 05:50

To remove the grid line on the X-axis :

axes : {
    xaxis : {
       tickOptions : {
           showGridline : false
       }
    }
}

To remove the grid line on the Y-axis :

axes : {
    yaxis : {
       tickOptions : {
           showGridline : false
       }
    }
}

To remove the grid line on both axes :

axes : {
    xaxis : {
       tickOptions : {
           showGridline : false
       }
    },
    yaxis : {
       tickOptions : {
           showGridline : false
       }
    }
}

or

grid : {
    drawGridlines: false
}

jQPlot - remove vertical grid lines

2 Answers2

Linked