在海军报虚线ticklines /网格线(dashed ticklines/gridlines in

2019-07-19 06:19发布

我非常新的这个海军报API。 我想有虚线网格线/ ticklines,而不是实线两种X轴和Y轴。 谁能帮我这个??

提前致谢!

Answer 1:

我能够通过修改库来产生虚线为网格的标记。 我目前使用海军报0.8.0版本

首先,我增加了一个新的属性下格(约线400),就在下面markingsLineWidth:

markingsStyle: 'dashed'

由于海军报是用画布渲染图,我添加了使用这个画布dashedLineTo()扩展代码从大卫·欧文斯。 我加在海军报的代码顶部的颜色分析程序插件后,恰到好处,以给大卫学分。 所述dashedLineTo()具有以下参数:

dashedLineTo(fromX, fromY, toX, toY, pattern)

对于图案中,我使用[5,5],这意味着将有交替的短划线的5像素,并且空间5像素。

最后,我在插件修改了drawGrid功能,正在绘制的标记时。

if(options.grid.markingsStyle == 'dashed') {
    ctx.dashedLineTo(xrange.from, yrange.from, xrange.to, yrange.to, [5,5])
} else {
    ctx.moveTo(xrange.from, yrange.from);
    ctx.lineTo(xrange.to, yrange.to);
}

只是想修改库时,您可以使用此作为参考。



Answer 2:

不幸的是海军报目前不提供一种方法来改变电网/刻度线风格。 你将不得不修改库本身。



文章来源: dashed ticklines/gridlines in flot
标签: jquery grid flot