javascript - 如何为d3图中的边添加标签

Question

请参阅 http://bl.ocks.org/rkirsling/5001347

它显示了一些节点和它们之间的边缘。你能说出要在其中添加什么代码以及在哪里添加标签以使边缘具有标签吗？您可以为标签假定任何合适的位置，也可以假定任何标签文本。谢谢你。

Answer 1

您可以像添加链接本身的路径一样添加标签。您需要做的就是根据链接连接的两个节点的位置计算位置。代码看起来像这样。

svg.selectAll("text").data(links).enter()
   .append("text")
   .attr("x", function(d) { return d.source.x + (d.target.x - d.source.x)/2; })
   .attr("y", function(d) { return d.source.y + (d.target.y - d.source.y)/2; })
   .text(function(d) { return d.something; });

请注意，在您的tick函数中，您还需要更新标签的位置。