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

【问题标题】：Integers as y-axis in a morris.js line chart整数作为 morris.js 折线图中的 y 轴
【发布时间】：2013-09-02 11:10:10
【问题描述】：

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

【问题讨论】：

标签： jquery html morris.js

【解决方案1】：

此功能由this 大约 25 天前在 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 的值。因此，它就像一个魅力。

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

【讨论】：

非常感谢爱德华多！

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：