javascript - そのデータに対応する場所にenter()セレクションを挿入する方法は?

Question

たとえば、数字自体をキーとして使用して、数字のリストを「li」要素にバインドするとします。したがって、[1,2] から始めると、次のようになります。

1

2

そのリストを [1,3,2] に更新すると、HTML は次のようになります。

1

3

2

enter().append('li') を実行すると入力選択が 3 になるため、HTML は次のようになります。

1

2

3

(selection には insert() もありますが、これは定数値のみを取り、コールバックは取りません。)

Answer 1

更新も行う必要があります。

var container = d3.select("ul");
var selection = container.selectAll("li").data([1, 3, 2]);

// Enter
selection.enter().append("li");

// Update
selection.text(function(d) { return d; });

Answer 2

更新後に selection.order を使用するとうまくいくようですが、挿入中にやりたかったので、まだ完全に満足できるものではありません。