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

Question

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

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

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

如有任何有关更新图表 x 轴最大值和最小值的提示，我们将不胜感激!

编辑:下面的解决方案

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

            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();

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