dygraph垂直线

Question

有没有办法在js图库dygraph中制作一条垂直线？

我正在加载数据，并希望像石墨这样的垂直线来显示事件

是否有一些特殊的上下文来添加垂直线

Answer 1

您现在可能已经想到了这一点，或者停止了关怀，但实现此目的的方法是使用自定义参考底图（例如，请参阅http://dygraphs.com/tests/highlighted-region.html和http://dygraphs.com/tests/underlay-callback.html）。您在创建图形时提供underlayCallback函数，并使用canvas元素area（有助于坐标数学）和Dygraph对象的引用来调用它。

Answer 2

这是一个简单的解决方案。

在Dygraph网站上使用十字准线演示（http://dygraphs.com/tests/crosshair.html）。

禁用十字准线样本上的水平条后，您将获得一个垂直条。

Answer 3

  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 .....