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

Question

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

Answer 1

大约25天前,这个拉取请求在Github存储库中添加了此功能.它添加了gridIntegers默认情况下设置为的选项false.它仍未合并到主存储库.因此,如果您想立即使用它,则必须下载此版本并配置如下:

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