morris.js虚线网格线

时间:2013-09-13 04:06:10

标签: javascript morris.js

我正在尝试为morris.js自定义网格线,使得虚线样式与http://dribbble.com/shots/947782-Freebie-PSD-Flat-UI-Kit/attachments/107093中的收入图类似,这是否可能?看起来文档不是很完整,gridLineColor未列为选项,但是当我将其添加到图表时它会改变颜色。 Morris.js似乎是强烈推荐的,但我似乎无法调整这样简单的事情。

我还想让每个网格线具有相同的重量,并且不会强调中心线,而其他网格线则更轻。我似乎无法在文档中找到任何内容。

感谢您的帮助!

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

以下是Graeme的回答需要更改的内容:

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