d3可折叠树路径文本

Question

我是D3的新手。我正在使用令人敬畏的可折叠树示例（https://bl.ocks.org/d3noob/43a860bc0024792f8803bba8ca0d5ecd），我试图让文本显示在连接每个节点的路径上。例如，我想在连接“顶级”和“级别2：A”的行上写“foo”，然后我想在连接“顶级”和“级别2”的行上写“bar”： B”。

我在代码中看到下面的链接部分......

// ****************** links section ***************************

// Update the links...
var link = svg.selectAll('path.link')
    .data(links, function(d) { return d.id; });

// Enter any new links at the parent's previous position.
var linkEnter = link.enter().insert('path', "g")
    .attr("class", "link")
    .attr('d', function(d){
      var o = {x: source.x0, y: source.y0}
      return diagonal(o, o)
    });

但我不确定如何在这些链接中添加文字。如果有人可以帮助或给我任何线索，我将不胜感激。谢谢！