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