Javascript jQuery Flot图表中的自定义可移动水平线
我用Flot创建了一个折线图。例如,Y比例从0到100。现在我有了一个输入字段,用户可以在其中输入0-100之间的数字 如果他选择,比如说80,我想在图表上创建一条Y=80的水平线,表示所选的值。这条线应随时可调 到目前为止,我还没有找到任何东西,但我希望有人能帮助我。使用该选项从输入中读取值,并在输入值更改时重新绘制图表,如下所示:Javascript jQuery Flot图表中的自定义可移动水平线,javascript,jquery,flot,Javascript,Jquery,Flot,我用Flot创建了一个折线图。例如,Y比例从0到100。现在我有了一个输入字段,用户可以在其中输入0-100之间的数字 如果他选择,比如说80,我想在图表上创建一条Y=80的水平线,表示所选的值。这条线应随时可调 到目前为止,我还没有找到任何东西,但我希望有人能帮助我。使用该选项从输入中读取值,并在输入值更改时重新绘制图表,如下所示: var yvalue = parseInt( $('#yvalue').val()); plot.getOptions().grid.markings = [ {
var yvalue = parseInt( $('#yvalue').val());
plot.getOptions().grid.markings = [ { yaxis: { from: yvalue, to: yvalue}, color: "#0000bb" } ];
plot.setupGrid();
plot.draw();
下面是一个例子