Come aggiungere etichette ai bordi nel grafico d3

Question

Vedere http://bl.ocks.org/rkirsling/5001347

Esso mostra alcuni nodi ed i bordi tra di loro. Puoi dire quale codice aggiungere e dove i bordi hanno etichette. Puoi assumere qualsiasi posizione adatta per le etichette e puoi anche assumere qualsiasi testo dell'etichetta. Grazie.

Answer 1

È possibile aggiungere etichette proprio mentre si aggiungono i percorsi per i collegamenti stessi. Tutto ciò che devi fare è calcolare la posizione in base alle posizioni dei due nodi collegati dal collegamento. Il codice sarebbe simile a questo.

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

Si noti che nella funzione tick, si sarebbe anche bisogno di aggiornare la posizione delle etichette.