Javascript 将标签添加到树的边缘

我刚开始学习d3.js，不久就遇到了一个问题

无论如何，我需要一些树的可视化，如图所示。我只想给链接添加一些标签。更准确地说，我希望这棵树看起来像这样：

有什么建议吗

编辑：到目前为止，我试过类似的方法。在函数

update

中，我输入了以下代码（代码位于链接更新和输入之间）：

这里的想法是在每个节点附近放置一个标签“test”，然后在坐标上玩，直到找到我最喜欢的坐标。因此，我没有像我解释的那样贴标签，而是这样做：

---

知道为什么坐标会这样吗？

请参见或。关于第一个问题，节点的定位非常奇怪。第二，不仅我没有标签，链接也不见了。可能有关于定位的建议吗？你能告诉我们到目前为止你都做了些什么吗？你能编辑这个问题来显示相关的代码，以及它如何不符合你的要求吗？我编辑了我的问题：）

// Enter labels to links
link.enter().insert("text", "g")
    .attr("source-dest", function (d) { return d.source['name'] + "-" + d.target['name']; }) 
    .attr("x", function(d) { return d.target.x; })
    .attr("y", function(d) { return d.target.y; })
    .text(function(d) { return "test" });