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?
You can remove the lines, use tickLength: 0
$.plot("#flot", dataset,
{
yaxis: {tickLength:0},
xaxis: {tickLength:0}
});
Fiddle here.
You can paint them the same color as the background.
There is a option called tickColor
that you have to use for both axis:
var options = {
yaxis: {
tickColor: "#f00" // or same color as background
},
xaxis: {
tickColor: "#0f0" // or same color as background
}
};
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With