In Flot.js, bar graphs and line graphs have numbers as the coordinates in the x and y axis by default.
How can you make the coordinates such that the numbers are only integers or at least only the integers are visible?
Line graphs are used to track changes over short and long periods of time. When smaller changes exist, line graphs are better to use than bar graphs. Line graphs can also be used to compare changes over the same period of time for more than one group.
Linear graph is represented in the form of a straight line. To show a relationship between two or more quantities we use a graphical form of representation. If the graph of any relation gives a single straight line then it is known as a linear graph.
Looks like more recent versions of Flotr use a different option to control this since the original answer:
xaxis: { tickDecimals: 0 }
Just supply an integer with the number of decimals to show.
NB: This is for Flotr2.
Check out the minTickSize
option from the documentation:
Alternatively, you can specify that you just don't want ticks at a size less than a specific tick size with "minTickSize".
So in your graph options, you would specify it like this:
$.plot($('#placeholder'),data,{ //your options, xaxis: { minTickSize: 1 } });
See it working here: http://jsfiddle.net/ryleyb/g2CTz/
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