Search code examples
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/