私はあまり努力せずにこれを作成しました: http://jsfiddle.net/langdonx/J2ykT/1/
animate ボックスをチェックすると、要素が右から非常にスムーズにフェーズ インおよびフェーズ アウトする様子がわかります (乱数ジェネレーターが 0 を返す場合はバグを許してください)。
現在、要素を左から段階的に挿入しようとしていますが、selection.insert
期待どおりに要素を挿入していないようです。ここで私が話していることを見ることができます:
1000
との両方1001
が に追加されますが、配列div
に挿入すると、 が提供される999
と予想されますが、 D3 は要素を追加し、既存の要素のインデックスを再作成するだけのように見えるため、代わりに取得します。.enter()
999
1001
私の問題は、rect
要素を表示するため、新しい要素が作成されたときに各セルを再描画する余裕がないことです。
この手法に D3 を使用できないだけですか、それとも何か不足していますか?