将标签添加到树的边缘

Question

我刚刚开始学习d3.js并很快就想到了 - 遇到了问题。

无论如何，我需要一些树形可视化，如here所示。我只想在链接中添加一些标签。更确切地说，我希望树看起来像这样：

有什么建议吗？

编辑：到目前为止，我尝试过类似this的内容。在函数update中，我输入了以下代码（代码介于链接更新和输入之间）：

// 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" });

这里的想法是在每个节点附近放置一个标签“test”，之后用坐标来解决，直到找到我最喜欢的那个。所以，不是像我解释的那样放置标签，而是像这样得到它们：

为什么坐标表现得像这样？