2016-10-03 9 views
0

私はある時間内に更新されるビットレート値を示すリアルタイムのフロチャートを持っています。バックエンドへのAPIコールを実行して最後の3分間を取得し、それらをプロットします。FlotJS:プロットされたデータの一部のみを表示

ここで、グラフにパン可能な機能を追加して、ユーザーがその時間内に後方に移動できるようにします。私はxaxispanRange(最初の値と最後に受け取った値)に制限を正しく設定できます。このアイデアは、最後の3分を示すページを読み込むことですが、元に戻すことはできます。シンプル。

問題は、フロートが私がバックエンドから得たすべての値をプロットして表示していて、「可視」範囲を指定するための設定/オプションが見つからないということです。

ズームを使用してグラフの表示領域を区切りますが、各データ更新時にズームを再計算する必要があります。

あなたが可視範囲を指定しxaxis.minxaxis.maxオプションを使用することができますおかげ

答えて

1

var options = { 
    xaxis: { 
     min: 3, 
     max: 5 
    } 
} 

This JSFiddleは基本的にデータの可視範囲を制限するminmax値を設定する例がありますズーム機能とパン機能を提供します。

関連する問題