これらのアプローチの長所と短所は何ですか？

Question

これら2つのアプローチの長所と短所は何ですか？バーがどのように飛んでいくかを制御するもの。上から下、または左から右へ？なぜbar.exit（）。remove（）はオプション2で動作しないのですか？あなたがここに二つの実質的に異なるアプローチを持って

オプション1 https://jsfiddle.net/2523onr3/ オプション2 https://jsfiddle.net/sjp700/2523onr3/3/

bar.exit().remove() 

svg.selectAll(".bar").remove(); 

Answer 1

。

最初のオプション：

bar.exit().remove() 

が適切な "出口" の選択です。これは、それが何をするかである：あなたの更新の選択を考えると

...

var bar = svg.selectAll(".bar") 
    .data(dataset, function(d) { 
     return d.label; 
    }); 

...あなたの出口の選択は、選択されたDOM要素とデータを比較します。データよりも多くの要素がある場合、余分な要素（つまり、データなしで残された要素）がこの選択項目を設定します。次に、remove()を実行すると、この選択項目に含まれる要素が削除されます。

remove()を行う前に、あなたがあなたの出口の選択をしたい任意の遷移を行うことができます移動し、右、左、上、変更、不透明度を色を変えるなどだから、あなただけではなく、「バーが飛ぶ道」制御出口の選択ではなく、入力と更新の選択でも同様です。

一方、2番目のオプション...

svg.selectAll(".bar").remove(); 

...単にそれは、（それは、円、テキスト、四角形、五角形することができbarという名前のクラスですべてを選択重要ではない...）、そのクラスのすべての要素を削除します。