在条形图和折线图的x轴和y轴上只放置整数 - Flot

Question

在 Flot.js 中，默认情况下，条形图和折线图的坐标轴上都采用数字作为坐标。

如何使得坐标轴上的数字仅为整数或者至少只有整数可见？

- six.strings.and.a.bit

Answer 1

看起来Flotr的更新版本使用了不同的选项来控制这个问题，与原来的答案不同：

    xaxis: {
        tickDecimals: 0
    }

只需提供一个整数，表示要显示的小数位数。

NB：这是针对Flotr2的。

- Michael Cordingley

---

这是正确的答案，应该被接受。 Flot版本：Flot 0.8.3 - Souvik Ghosh

在其他答案被接受的时候，它是正确的答案。我认为图书馆很快就会发生变化，这样答案就不再正确了。 - Michael Cordingley

什么是正确答案？这在条形图上不起作用？ - shorif2000

Answer 2

请查看文档中的minTickSize选项：

或者，您可以使用“minTickSize”指定不想要小于特定刻度大小的刻度。

因此，在您的图表选项中，您将像这样指定它：

$.plot($('#placeholder'),data,{
   //your options,
   xaxis: {
      minTickSize: 1
   }
});

可以在这里查看它的工作效果：http://jsfiddle.net/ryleyb/g2CTz/

- Ryley

---

我遇到了类似的问题，并尝试了与你类似的解决方案。但它并没有起作用。我将minTickSize设置为1，看到了0、2.5、5、7.5、10等刻度。 - Elias Zamaria

@mikez302 - 这真让人惊讶！我猜你应该写一个问题，我会帮你看一下 :) - Ryley

这对我也没用，但是Michael Cordingley的解决方案有效。我正在使用jquery.flot.js v0.8.1。 - w3jimmy

这只能用于不显示除.0之外的内容，但仍然会显示.0。 - Burak Karakuş

我正在尝试在条形图上实现这个，但是它对我不起作用。我已经尝试了 yaxes 和 yaxis。 - shorif2000

Answer 3

如果您想要在 x 轴或 y 轴上显示整数，请尝试以下方法。

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

- Ikram Khizer