在 D3 强制布局中更新节点的子元素位置

Question

我是 d3 的新手。今天早些时候，我尝试了一些 d3 强制布局示例，效果很好。

但是当我自己动手制作每个节点一个g元素，并追加子circle和text时，这些子节点的位置不会自动更新。

这里是jsFiddle

顺便说一下，在这个例子中，我调用了 node.append('someElement') 3 次

-第一次： node.append('g') > 变成<g></g>

-第二次：node.append('circle')> 变成<g><circle></circle></g>

-最后一次：node.append('text') > 变成了<g><circle></circle><text></text></g>

正如我所想，上次也应该将text 包含到circle 中，但不是，为什么？谢谢

Answer 1

我终于解决了这个问题。

使用变换是更新其父绑定到数据的孩子位置的正确方法。

所以将text 和circle 附加到g 节点是正确的方法。

这里是jsfiddle update

我的第二个问题的答案是，

第二个和第三个附加是附加到g，因为之前有一行代码

    node = node.enter()
        .append("g")
        .attr("class", "node");