d3.js - 删除 d3 中具有特定 cx 和 cy 值的圆圈？

Question

有没有办法删除 d3 中具有特定 cx 和 cy 值的圆形元素。我知道 .remove() 方法，但我想知道是否可以根据其尺寸仅删除特定的圆形元素？

谢谢

Answer 1

选择页面上的所有圆形元素：

d3.selectAll("circle")

从中，使用过滤器仅选择要删除的圈子：

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

使用remove摆脱它们：

  .remove()

也就是说，我想不出很多情况下你想使用圆在 SVG 中的实际位置来摆脱它。使用 d3，您可能最好对绑定到圆圈的数据进行操作。