jqueryflot

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

In Flot.js, bar graphs and line graphs have numbers as the coordinates in the x and y axis by default.

Line graph sample

How can you make the coordinates such that the numbers are only integers or at least only the integers are visible?

Solution

  • 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/