Question

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?

Answer 1

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/