2011-09-08 9 views
2

jsグラフライブラリのグラフに縦線を作る方法はありますか?私は、データロードしていますし、グラファイトのような垂直線を入れたいdygraph vertical line

は垂直線

enter image description here

答えて

6

あなたはおそらくこれを考え出したを追加するためのいくつかの特別な状況があるイベント

を表示するようにし今のところ、気をつけていませんが、これを行う方法はカスタムアンダーレイです(例については http://dygraphs.com/tests/highlighted-region.htmlhttp://dygraphs.com/tests/underlay-callback.htmlを参照してください)。グラフを作成するときに underlayCallback関数を提供し、キャンバス要素 area(座標の計算に役立つ)とDygraphオブジェクトへの参照を使用して呼び出されます。

1

ここには簡単な解決策があります。

Dygraphサイトで十字線のデモ(http://dygraphs.com/tests/crosshair.html)を使用してください。

クロスヘアサンプルの水平バーを無効にすると、垂直バーが表示されます。

0
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>") 
    }}); 

//私の考え、あなたの答えを明確にし、それが問題の提起問題を解決する方法の説明を追加してください

+3

..... div要素を追加します。 –