如何在d3强制有向图中的链接上添加文本标签[重复]

【问题标题】：How to have a text label on links in d3 force directed graphs [duplicate]如何在d3强制有向图中的链接上添加文本标签[重复]
【发布时间】：2013-11-25 20:17:11
【问题描述】：

我使用的是力有向图，我希望链接上的文本以链接为中心（见图）。有什么办法吗？

【问题讨论】：

@LarsKotthoff 我已经检查了那个帖子。那不是我想要的。首先，因为文本是固定的链接。其次，我希望文本在链接的行上，如我发布的屏幕截图所示
那里描述的解决方案也应该适用于您的情况——将文本放在行中只需要dy 调整。如果您可以发布一些代码来显示您正在尝试做的事情，这将有所帮助。

标签： d3.js label

【解决方案1】：

我相信拉斯是正确的。根据他提供的链接的最后响应，我将此代码添加到我的一个力图中，它工作正常：

var path = svg.append("g").selectAll(".link")
    .data(force.links())
  .enter().append("path")
    .attr("id",function(d,i) { return "linkId_" + i; })
    ...

var labelText = svg.selectAll(".labelText")
    .data(force.links())
  .enter().append("text")
    .attr("class","labelText")
    .attr("dx",20)
    .attr("dy",0)
    .style("fill","red")
  .append("textPath")
    .attr("xlink:href",function(d,i) { return "#linkId_" + i;})
    .text(function(d,i) { return "text for link " + i;});

【讨论】：