我对 HTML 和 JavaScript 还很陌生。我面临着著名的分层边缘捆绑,它是由 D3.js 库生成的。
我的目标是添加一个半圆形标签区域以获得这样的效果:每个最终节点组都标有父节点的名称。

不幸的是,除了上面链接中提供的代码之外,我还没有找到任何可以从中获得灵感的代码:我的想法是修改该代码,添加一些行以生成标签。
我看到这个链接,其中包含一段可能可以解决问题的代码片段,但我不知道如何使用它(以及我是否处于正确的方向)
node.append("text")
.attr("dy", ".31em")
.attr("x", function(d) { return d.x < 180 === !d.children ? 6 : -6; })
.style("text-anchor", function(d) { return d.x < 180 === !d.children ? "start" : "end"; })
.attr("transform", function(d) { return "rotate(" + (d.x < 180 ? d.x - 90 : d.x + 90) + ")"; })
.text(function(d) { return d.id.substring(d.id.lastIndexOf(".") + 1); });
Run Code Online (Sandbox Code Playgroud)
有人有什么建议吗?