Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery Flot图表中的自定义可移动水平线_Javascript_Jquery_Flot - Fatal编程技术网

Javascript jQuery Flot图表中的自定义可移动水平线

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 = [ {

我用Flot创建了一个折线图。例如,Y比例从0到100。现在我有了一个输入字段,用户可以在其中输入0-100之间的数字

如果他选择,比如说80,我想在图表上创建一条Y=80的水平线,表示所选的值。这条线应随时可调

到目前为止,我还没有找到任何东西,但我希望有人能帮助我。

使用该选项从输入中读取值,并在输入值更改时重新绘制图表,如下所示:

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