jQuery Flot Chart中的自定義可移動水平線

Question

我用Flot創建了折線圖。 例如，Y比例尺從0到100。現在我有一個輸入字段，用戶可以在其中輸入0-100之間的數字。

如果他選擇了，假設是80，我想在圖表上創建一條Y = 80的水平線，指示所選值。 這條線應該隨時可調。

到目前為止，我還沒有發現任何東西，但希望有人能幫助我。

Answer 1

使用markers選項從輸入中讀取值，並在輸入值更改時重新繪制圖表，如下所示：

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

這是一個帶有類似示例的小提琴 。