morris.js虚线

Question

我试图为morris.js定制网格线，使其具有类似于http://dribbble.com/shots/947782-Freebie-PSD-Flat-UI-Kit/attachments/107093中的收入图的虚线样式，这可能吗？文档似乎不太完整，gridLineColor没有作为选项列出，但是当我将它添加到图形中时，它确实改变了颜色。Morris.js似乎是强烈推荐的，但我似乎无法调整这样简单的事情。

我也希望每个网格线都有相同的重量，而不是强调中心线，而其他更轻。我似乎在文档中也找不到这方面的东西。

谢谢你的帮助！

Answer 1

在morris.js中似乎还没有这样的选项，但是我能够编辑未压缩的morris.js文件来添加虚线网格行的选项。只需将.attr('stroke-dasharray', this.options.gridDashed)添加到第508行末尾即可。然后，您可以将选项gridDashed: '--'添加到您想要的虚线网格线上的图形中！

Answer 2

在格雷姆的回答中，需要改变的是：

Grid.prototype.drawGridLine = function(path) {
    return this.raphael.path(path).attr('stroke', this.options.gridLineColor).attr('stroke-width', this.options.gridStrokeWidth).attr('stroke-dasharray', this.options.gridDashed);
};