javascript - 使用 Flot JQuery 库更改现有绘图上的轴最小值/最大值

Question

我使用 flot 库创建了一系列图，它们都显示在一个页面上。有没有办法在不重新绘制图（$.plot('placeholder',data,options)）的情况下更新 X 轴最小和最大选项（options.xaxis.min、options.axis.max）值？

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

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

任何有关更新图表 xaxis 最大值和最小值的提示将不胜感激！

编辑：下面的解决方案

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

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

Answer 1

设置 yaxis 最大高度的值后，尝试

yourPlot.setupGrid();

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

Answer 2

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

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

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