Javascript D3选择返回空列表;元素存在于DOM中

Javascript D3选择返回空列表;元素存在于DOM中,javascript,svg,d3.js,Javascript,Svg,D3.js,在将元素添加到包含的SVG中之后,我在选择元素时遇到了一个问题。如图所示,它们在浏览器中呈现并存在于DOM中 如果将s作为父元素直接附加到SVG,则D3会选择圆形元素。问题似乎是嵌套在元素中的圆,这就是我得到的空选择是什么导致了这种行为,以及可以采取什么措施来解决这一问题,以获得选择所有圆圈的预期结果? 附我的回购协议是为了全面了解我在做什么。我抄袭了我认为与被问问题最相关的内容? 你不是针对圆圈。此外,不要将selectAll与id一起使用。将其与类或标记一起使用 配合 d3.select

在将
元素添加到包含的SVG中之后,我在选择
元素时遇到了一个问题。如图所示,它们在浏览器中呈现并存在于DOM中

如果将
s作为父元素直接附加到SVG,则D3会选择圆形元素。问题似乎是嵌套在
元素中的圆,这就是我得到的空选择是什么导致了这种行为,以及可以采取什么措施来解决这一问题,以获得选择所有圆圈的预期结果?

附我的回购协议是为了全面了解我在做什么。我抄袭了我认为与被问问题最相关的内容?


你不是针对圆圈。此外,不要将selectAll与id一起使用。将其与类或标记一起使用

配合

d3.selectAll("circle")

您在问题中发布的代码实际上会起作用!你真正的问题是另一个问题,从你的回购协议可以看出。您通过
d3.json()
加载数据,这是一个返回承诺的异步调用。尽管部分代码已经在
then()
处理程序中处理了这些问题,但其他部分在回调之外,因此缺少异步调用加载的数据。这个问题是对臭名昭著的:。
d3.selectAll("circle")