javascript - 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);
};