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

Question

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

当前，yLabels是由morris.js使用JSON数据的值范围（其中x轴是时间）自动生成的。在我的示例JSON中，值范围从54到-47，因此生成的yLabels是54,29,4，-22，-47。但是，我想将这些值舍入为-50，-25,0,25和50.我还希望“0”线突出显示，并希望以不同的颜色显示。

由于我动态地创建数据，这些不会被固定，在另一个图表中的值可能介于-2.5和+2.5之间（在这种情况下，我希望y轴上的标签是 - 2.5，-1.25,0,1.25,2.5）。

我将如何四舍五入标签morris.js创建并使“0”行变红？

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

任何帮助，非常感谢。

UPDATE

在第一个例子，我已经能够得到我想要将分别与YMIN -50 ymax和50，但就像我提到的，我不想硬编码这些值因为ymin/max会根据正在解析的JSON而有所不同。有什么办法可以确保中线始终为0，莫里斯确定上下两个y值？

Answer 1

我不能使用Morris选项来完成。您将不得不进入源代码并更改morris.grid.coffee文件中的drawGrid（）函数。

Answer 2

我上传了morris.js中gridDefaults的numLines属性，并能够显示我的Y轴中的所有内容。也许你可以玩这个属性来以不同的方式显示你的Y轴。