D3.js：連接選擇？

Question

D3中有一種方法可以連接選擇嗎？

用例：我想添加一個mouseover事件到這兩個的更新和輸入選擇的特定選擇。

我能做到這一點，如下所示：

var s = d3.selectAll('.yellow').data(myData); 
s.on('mouseover'... 
s.enter().append('path').attr('class','yellow').on('mouseover'... 

但我更喜歡用一行代碼來做到這一點。

Answer 1

在這種特殊情況下，您不需要連接 - 輸入選擇在被調用後合併到更新選擇中，因此您需要在更新選擇前處理.enter()。

一般而言，你不能真正地連接選擇，但實際上這並不是真的必要。您可以修改選擇條件以選擇所需的所有元素，或者，如果這不可行，請使用.call()在所有選定的元素上運行功能。這種方式你不需要重複代碼來設置屬性等。