8

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

4

3 回答 3

12

大约 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 的值。因此，它就像一个魅力。

您可以在下面看到不使用和使用补丁时的区别：

没有补丁 在此处输入图像描述

于 2014-01-17T16:16:28.687 回答
6

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

new Morris.Bar({
  ...
  yLabelFormat: function(y){return y != Math.round(y)?'':y;},
  ...
});
于 2016-10-12T06:43:21.297 回答
0

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

yLabelFormat: function(y){return y = Math.round(y);},
于 2019-12-13T18:01:37.343 回答