【发布时间】:2014-09-26 15:52:58
【问题描述】:
有没有办法在js图形库dygraph中做竖线?
我正在加载数据并想像石墨一样放置垂直线来显示事件
是否有一些特殊的上下文可以添加垂直线
【问题讨论】:
标签: javascript dygraphs
有没有办法在js图形库dygraph中做竖线?
我正在加载数据并想像石墨一样放置垂直线来显示事件
是否有一些特殊的上下文可以添加垂直线
【问题讨论】:
标签: javascript dygraphs
您现在可能已经想通了,或者不再关心了,但实现这一点的方法是使用自定义底衬(参见http://dygraphs.com/tests/highlighted-region.html 和http://dygraphs.com/tests/underlay-callback.html 示例)。您在创建图形时提供了一个 underlayCallback 函数,并使用画布元素 area(有助于坐标数学)和对 Dygraph 对象的引用来调用它。
【讨论】:
这是一个简单的解决方案。
使用 Dygraph 网站上的十字准线演示 (http://dygraphs.com/tests/crosshair.html)。
禁用十字准线样本上的水平条后,您将获得一个垂直条。
【讨论】:
g4.updateOptions({ pointClickCallback: function(event, p) {
var div_vertical_style="top:0px;left:"+g4.toDomCoords(p.xval,-20)[0]+"px;width:1px;height:"+g4.plotter_.area.h+";background-color:black;position:absolute;";
$("#graphdiv4").append("<div style="+div_vertical_style+"></div>")
}});
//我的想法,添加div .....
【讨论】: