使用Flot JQuery Library在现有绘图上更改轴最小/最大值

Question

我使用flot库创建了一系列图表，这些图表都显示在一个页面上。有没有办法更新X轴最小和最大选项（options.xaxis.min，options.axis.max）值而无需重新绘制图（$ .plot（'占位符'，数据，选项））？

我找到了这个解决方案：http://osdir.com/ml/flot-graphs/2012-02/msg00064.html 这表明以下行会这样做，但它对我不起作用 - 根据此调用不会修改可见的最小值和最大值。

monitorGraph.getOptions().xaxis[0].max = xaxis.max;

有关更新图表xaxis max和min值的任何提示都将非常感谢！

编辑：解决方案

以下代码将采用现有绘图，更新可见范围，并以非常轻松有效的方式重绘。

            plot.getOptions().xaxis[0].min = time.start;
            plot.getOptions().xaxis[0].max = time.end;
            plot.setupGrid();
            plot.draw();

Answer 1

设置yaxis max height的值后，尝试

yourPlot.setupGrid();

不确定它是否会像你想要的那样顺畅，但我认为它可以解决问题。

Answer 2

您还可以在轴选项中动态修改MIN / MAX参数：

plot.getAxes().xaxis.options.min = 0;
plot.getAxes().xaxis.options.max = 999; 

plot.setupGrid();
plot.draw();