web-dev-qa-db-ja.com

FlotJQueryライブラリを使用して既存のプロットの軸の最小/最大を変更する

Flotライブラリを使用して一連のプロットを作成しました。これらはすべて1ページに表示されます。プロット($ .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();
16
jfaghihnassiri

Y軸の最大高さの値を設定した後、試してください

yourPlot.setupGrid();

思うようにスムーズになるかどうかはわかりませんが、うまくいくと思います。

12
matty-d

軸オプションでMIN/MAXパラメータを動的に変更することもできます。

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

plot.setupGrid();
plot.draw();
12
Baumi