3

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

我正在加载数据并想像石墨一样放置垂直线来显示事件

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

在此处输入图像描述

4

3 回答 3

8

你现在可能已经想通了，或者不再关心了，但是做到这一点的方法是使用自定义底层（参见http://dygraphs.com/tests/highlighted-region.html和http://dygraphs.com /tests/underlay-callback.html示例）。您underlayCallback在创建图形时提供了一个函数，并使用 canvas 元素area（这有助于坐标数学）和对 Dygraph 对象的引用来调用它。

于 2011-12-06T19:58:37.917 回答
2

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

使用 Dygraph 网站上的十字准线演示 (http://dygraphs.com/tests/crosshair.html)。

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

于 2013-01-16T08:47:41.060 回答
1 
  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 .....

于 2014-09-26T07:52:58.020 回答