Javascript D3.js在数据更新时追加null元素

我有一个类似下面的d3选择，其中userData是用户名的字符串数组：

var selector = container
   .selectAll(".userIcon").data(userData);

现在我有了一个click命令，它向userData添加数据，并为每个用户名添加圆圈

userData.push(name);

selector = selector .data(userData).enter()
   .append("circle")
   .attr("class", "userIcon");

但每次我在userData中添加一个名称时，当我附加圆时，就会得到null

添加第三个名称后：

添加第四个名称后：

---

我不知道为什么我在enter期间追加时会有空值。我错过什么了吗

我想问题出在这里‘selector=selector.data（userData）.enter（）’应该是‘selector.data（userData）.enter（）’删除等式我不敢相信我没有注意到这个等式。。。谢谢你告诉我我的问题@Cyril。。。现在一切正常..我想问题出在这里'selector=selector.data（userData）.enter（）'应该是'selector.data（userData）.enter（）'删除等式我不敢相信我没有注意到这个等式。。。谢谢你告诉我我的问题@Cyril。。。现在没事了。。