使用Morris.js图表​​舍入y值标签

Question

我使用Morris.js绘制了一些JSON数据。图表工作正常，但我试图在折线图中沿y轴调整标签。

目前，yrisbel是由morris.js使用JSON数据的值范围（其中x轴是时间）自动生成的。在我的示例JSON中，值的范围是54到-47，因此生成的yLabel是54,29,4，-22，-47。相反，我想将这些值舍入到-50，-25,0,25和50.我还希望“0”线能够脱颖而出，希望有不同的颜色。

由于我正在动态创建数据，因此这些数据不会被修复，在另一个图表中，值可能介于-2.5和+2.5之间（在这种情况下，我希望沿y轴的标签为-2.5） ，-1.25,0,1.25,5.5）。

我如何围绕标签morris.js创建并将“0”线变为红色？

我已经尝试过创建一个yLabel数组（yLabels: ['-50','-25','0','25','50'],），但它没有用，即使它有我不想“硬编码”值，因为正如我所说，每个图表将是不同的并动态生成。

非常感谢任何帮助。

更新

在第一个例子中，我已经能够得到我想要的ymin和ymax分别为-50和50，但就像我提到的那样，我不想硬编码这些值，因为ymin / max将取决于要解析的JSON。有没有办法可以始终确保中间线始终为0，并且morris确定上面和下面的两个y值？

Answer 1

使用Morris选项无法完成。您必须进入源代码并在 morris.grid.coffee 文件中更改drawGrid（）函数。

Answer 2

我在morris.js中提升了gridDefaults的numLines属性，并且能够显示我的Y轴中的所有内容。也许您可以使用该属性来显示不同的Y轴。