How to have a text label on links in d3 force directed graphs

d3.js, label

Solution

I believe Lars is correct. Based on the last response from the link he provided, I added this code to one of my force graphs and it worked fine:

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;});

Problem

I am using a force directed graph, and i would like to have the text on the link centred on the link (see image). Is there a way to do it ?

Original source

Related problems