CODEWITHSUNDEEP
jqueryflot
six.strings.and.a.bit
six.strings.and.a.bit

Reputation: 527

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?

Upvotes: 24

Views: 12782

Answers (3)

Ikram Khizer
Ikram Khizer

Reputation: 137

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

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

Upvotes: 0

Michael Cordingley
Michael Cordingley

Reputation: 1525

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.

Upvotes: 62

Ryley
Ryley

Reputation: 21226

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/

Upvotes: 22

Related Questions