【问题标题】:dygraph vertical linedygraph垂直线
【发布时间】:2014-09-26 15:52:58
【问题描述】:

有没有办法在js图形库dygraph中做竖线?

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

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

【问题讨论】:

    标签: javascript dygraphs


    【解决方案1】:

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

    【讨论】:

      【解决方案2】:

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

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

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

      【讨论】:

        【解决方案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 .....

        【讨论】:

        • 请澄清您的答案并说明它如何解决问题中提出的问题。
        猜你喜欢
        • 2015-04-24
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-10-04
        • 2017-06-30
        相关资源
        最近更新 更多