How to remove grid lines from Flot chart

flot bar-chart
Firoz picture Firoz · Jan 29, 2014 · Viewed 12.2k times · Source

I am using Flot in my application and it is working fine. I want to remove both vertical lines and horizontal lines from the the background of the chart. I tried this but I am not able to achieve the functionality.

grid: {
    verticalLines:false,
    horizontalLines:false
}

Can anyone help me in this regard?

Answer

Mark picture Mark · Jan 29, 2014

You can remove the lines, use tickLength: 0

$.plot("#flot", dataset,
{
    yaxis: {tickLength:0}, 
    xaxis: {tickLength:0}
});

Fiddle here.

Related questions

How to give solid colors to bar charts in flot

I need to give solid colors to bar charts... I have followed this link Bar chart Example But i want to give solid colors and also i need to change colors myself... how to do it...

Read More
Is is possible to display barcharts horizontally in Flot?

Apologies, but I'm a newbie at Flot. I'd like to display my data in a horizontal bar chart rather a vertical bar chart which Flot seems to default to. Is it possible to do this in Flot, and, if so, …

Read More
How do I make a div full screen?

I am using Flot to graph some of my data and I was thinking it would be great to make this graph appear fullscreen (occupy full space on the monitor) upon clicking on a button. Currently, my div is as …

Read More