2

幅が 500 ピクセルで、x 軸に 100 の目盛りがある flot グラフがあるとします。デフォルトでは、明らかに非常に混雑しています。「ナビゲート」プラグインは、この状況に役立ちます。たとえば、一度に 10 ティックのみに制限する場合は、次のようにします。

$.plot(...).zoom({'amount': total_ticks / 10});

ただし、グラフが最初に描画されたときに、デフォルトで最後の10 個 (右端の 10 個)が表示されるようにする方法がわかりません。中央から 10 個のランダムなセットだけではありません。また、例では 100 ティックを想定していますが、実際には事前にその数がわからないので、100 ティックであればデフォルトで 91 から 100 ティックまで表示したいと考えています。108 ティックの場合、デフォルトで 99 から 108 ティックを表示したいと考えています。これどうやってするの？

4

2 に答える 2

3

最初のズームでは、centerオプションをチャートの幅に設定するだけです:

$.plot($('#graph_with_zoom'), [data], plot_options).zoom({
    'amount': total_ticks / 5,
    'center': { left: 400, top: 0 }
});

ここでフィドルを更新しました。

于 2013-06-20T14:53:23.260 に答える
0

flot は、選択とズームの例を提供します。部分の範囲を選択すると、グラフが再描画されます。

于 2013-06-18T10:06:12.543 に答える