jQuery Flot Chartのカスタム可動水平線

Question

Flotで折れ線グラフを作成しました。 Yスケールは、たとえば0〜100に達します。ユーザーが0〜100の数値を入力できる入力フィールドがあります。

彼が選択した場合、80とすると、選択した値を示すY = 80の横線をグラフ上に作成します。この線はいつでも調整可能でなければなりません。

私はこれまで何も見つけていませんが、誰かが私を助けてくれることを願っています。

Answer 1

入力から値を読み込み、このような何かするとき、入力値が変化し、グラフを再描画するmarkingsオプションを使用します。

var yvalue = parseInt($('#yvalue').val()); 
plot.getOptions().grid.markings = [ { yaxis: { from: yvalue, to: yvalue}, color: "#0000bb" } ]; 
plot.setupGrid(); 
plot.draw(); 

ここでは、同様の例とfiddleです。