Javascript d3.js力图节点

我对制造这种混合动力piechart很感兴趣。我尝试将这两个图表合并在一起，以便为饼图模块创建一个占位符，使其公开

//饼图

//力图

//合并图表尝试1

//合并图表尝试2-最新版本

---

您只需要使用正确的节点元素并正确更新它们

node.attr('transform', d => ("translate(" + d.x + "," + d.y + ")"));

对节点使用

g

，然后将所需内容放入其中

 node.enter().append("g")
    .attr("class", "node")
    .attr('transform', d => ("translate(" + d.x + "," + d.y + ")"))
    //Insert pie chart here.

在勾号功能内部，您只需更新外部

g

位置即可使其正确布局

node.attr('transform', d => ("translate(" + d.x + "," + d.y + ")"));

---

使用force节点--我是否需要将一组节点重新创建为嵌套有圆圈的g元素--然后作为占位符连接到父g元素节点？--我曾尝试将节点嵌套为g元素，但现在图表正在分解-饼图是不可拖动的对象-有没有办法将UX功能保留在其他点上@AndrewIs是否有可能在添加圆时生成饼图，以便在该点从节点连接到数据@Andrew--有一个悬赏让图表更像设计-修复颜色/链接长度--@Andrew--我得到了另一个图表@Andrew，它可能需要一些稳定性--