d3.js - 特定の cx 値と cy 値を持つ d3 の円を削除しますか?

Question

特定のcxおよびcy値を持つd3の円要素を削除する方法はありますか. 私は .remove() メソッドを認識していますが、その寸法に基づいて特定の円要素のみを削除できるかどうか疑問に思っていましたか?

ありがとう

Answer 1

ページ上のすべての円要素を選択します。

d3.selectAll("circle")

それらから、フィルターを使用して、削除する円のみを選択します。

  .filter(function(d){ 
     return this.attributes.cx == removeCX && this.attributes.cy == removeCY; })

removeを使用してそれらを削除します。

  .remove()

そうは言っても、SVG 内の円の実際の位置を使用して円を削除したい状況はあまり思いつきません。d3 を使用する場合は、代わりに円にバインドされたデータを操作する方がよいでしょう。