整数作为morris.js折线图中的y轴

Question

我已经开始在我的html页面中使用morris.js折线图了。 有没有办法将y轴设置为只包含整数？ 现在它显示十进制数字，但我的数据集只包含整数。

Answer 1

此功能是在25天前通过this拉取请求在Github存储库中添加的。它添加了选项gridIntegers，默认情况下设置为false。它仍未合并到主存储库。因此，如果您想立即使用它，则必须下载this版本并配置如下：

    Morris.Line({
      element: "mydiv",
      data: mydata,
      xkey: 'time',
      ykeys: ['value'],
      labels: ['Requisições'],
      gridIntegers: true,
      ymin: 0
    });

您是否看到ymin参数设置为0？这是警告！当且仅当您设置自定义y-min和/或y-max边界时，y轴才能仅使用整数。在我的情况下，它是可行的，因为我知道我的数据将不会出现低于0的值。因此，它就像一个魅力。

在不使用和使用补丁时，您可以看到差异：

Answer 2

这是我使用的实际代码....

new Morris.Bar({
  ...
  yLabelFormat: function(y){return y != Math.round(y)?'':y;},
  ...
});

Answer 3

可以使用的另一个更简单的解决方案...这样可以保持行之间的间隔计算。

yLabelFormat: function(y){return y = Math.round(y);},