在d3树图中显示带对角线的文本

Question

我正在使用d3 js在图表视图中显示数据。一切都很好，但我需要一个增强功能。我想在对角线上方显示一些文字，以便用户可以知道两个节点之间是如何相互关联的。

使用下面提到的函数创建对角线，但如何附加我不知道的文字

var diagonal = d3.svg.diagonal()
        .projection(function(d) {
            console.log(d)
            return [d.y, d.x];
        });

Answer 1

我找到了解决问题的方法。添加以下代码以更新功能

// Update the link text
var linktext = svg.selectAll("g.link")
    .data(links, function (d) {
    return d.target.id;
});                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       

linktext.enter()
    .insert("g")
    .attr("class", "link")
    .append("text")
    .attr("dy", ".35em")
    .attr("text-anchor", "middle")
    .text(function (d) {
    //console.log(d.target.name);
    return d.target.name;
});

有关详细信息，请查看此answer和fiddle