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.

Line graph sample

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

score 62 · Answer 1 · answered Apr 22 '13 at 20:56

62

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.

answered Apr 22 '13 at 20:56

This is the correct answer, this should have been accepted. Flot version: Flot 0.8.3 – Souvik Ghosh Jan 11 '16 at 15:37
At the time that the other answer was accepted, it was the correct answer. I think the library ended up changing shortly thereafter, rendering the answer no longer correct. – Michael Cordingley Jan 11 '16 at 20:58
what is the correct answer? this does not work on bar graph? – shorif2000 Feb 22 '16 at 11:44

score 22 · Accepted Answer · answered Oct 16 '12 at 15:25

22

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
   }
});

answered Oct 16 '12 at 15:25

Ryley

I ran into a similar problem and tried a solution similar to yours. It didn't work. I set the minTickSize to 1 and saw ticks of 0, 2.5, 5, 7.5, 10, etc. – Elias Zamaria Oct 24 '12 at 20:21
@mikez302 - that's surprising! I guess you should write up a question and I'll take a look :) – Ryley Oct 24 '12 at 20:49
1

this didn't work for me too, but Michael Cordingley 's solution worked. I'm using jquery.flot.js v0.8.1 – w3jimmy Aug 05 '13 at 12:52
This works just for not showing other than .0's, but still it shows .0's. – Burak Karakuş Feb 06 '15 at 13:01
I am trying this on bar graph but it is not workign for me. I have tried `yaxes` and `yaxis` – shorif2000 Feb 22 '16 at 11:40

score 0 · Answer 3 · answered Apr 16 '22 at 10:53

0

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

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

answered Apr 16 '22 at 10:53

Ikram Khizer

3 Answers3