Put only integers in x and y axis of bar and line graphs - Flot

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/

Answer 2

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.

Answer 3

If you want to show integers on the x or y-axis try this

yaxis: {
    tickSize: 1,
    tickDecimals: 0
},