jQPlot - remove vertical grid lines

2020-06-06 20:29发布

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?

2条回答
老娘就宠你
2楼-- · 2020-06-06 20:56

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
}
查看更多
爷、活的狠高调
3楼-- · 2020-06-06 21:00

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

axes:{
    xaxis: {
       tickOptions:{
          showGridline: false
       }
    }
}
查看更多
登录 后发表回答