javascript - 在 d3 TreeMap 中显示带对 Angular 线的文本

Question

我正在使用 d3 js 在图形 View 中显示数据。一切正常，但我需要一个改进。我想在对 Angular 线上方显示一些文本，以便用户可以知道两个节点是如何相互关联的。

Diagonal 是使用下面提到的函数创建的，但我不知道如何附加文本

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