morris.js虚线网格线(morris.js dashed grid lines)

2019-10-18 15:24发布

我想自定义网格线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);
};


文章来源: morris.js dashed grid lines