6

グラフ化する必要のある大きな時系列データセットがあり、D3を使用してグラフ化しようとしています。グラフのx軸を時間とし、グラフをx方向に移動できるようにする予定です。グラフに現在の時間範囲に存在するポイントのみを画面にロード/表示させたい。

たとえば、データセットの時刻が1〜100であるが、グラフが1〜10の時刻で始まる場合、グラフはポイント1〜10のみをグラフ化する必要があります。次に、ユーザーは右に移動して5〜15回表示され、それに応じてグラフが更新されます。

誰かがこれがd3を介してどのように行われるかを私に説明できますか？データセット全体が一度に読み込まれ、すぐにグラフ化されて、データのサブセットの選択的なグラフ化に至るまでの理解を橋渡しするのに苦労しています。

4

1 に答える 1

2

機能をお探しだと思いますselection.filter()。たとえば、次のことができます。

var allNodes = vis.selectAll("Nodes").data(data.nodes); 
var validNodes = allNodes.filter(function(d){return (d.time>1 && d.time <10)});
//use normal graph functions on validNodes.

ノードの配列に直接フィルターを適用することもできます。

于 2013-03-04T22:38:52.717 に答える