Wie Etikett Kanten zwischen ihnen in d3 Graph

Question

Bitte sehen http://bl.ocks.org/rkirsling/5001347

Es zeigt einige Knoten und die Kanten hinzuzufügen. Kannst du sagen, welchen Code du hinzufügen sollst und wo die Kanten Beschriftungen haben? Sie können jeden geeigneten Ort für die Etiketten annehmen und Sie können auch jeden Etikettentext annehmen. Danke.

Answer 1

Sie können Beschriftungen hinzufügen, wenn Sie die Pfade für die Verknüpfungen selbst hinzufügen. Alles, was Sie tun müssen, ist, die Position gemäß den Positionen der zwei Knoten zu berechnen, die die Verbindung verbindet. Der Code würde ungefähr so ​​aussehen.

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

Beachten Sie, dass in Ihrem tick Funktion, Sie würde auch die Position der Etiketten zu aktualisieren.