Mostra tooltip di collegamento d3.layout.force al mouse su

Question

Come si implementano le descrizioni comandi al passaggio del mouse per i collegamenti in un layout grafico diretto D3? Sto adattando l'esempio D3 forza, in modo da impostare i suggerimenti dei nodi è stato semplice utilizzando il codice in questo modo:

node.append("title") 
     .text(function(n) { 
      return n.id; 
     }); 

Cercando una tecnica simile con i collegamenti non ha comportato mouse sopra i suggerimenti:

var link = svg.selectAll("line.link") 
     .data(json.links) 
     .enter().append("line") 
     .attr("class", "link") 
     .style("stroke-width", function(d) { 
      return 4; 
     }); 

link.append("title") 
    .text(function(n) { 
      return n.info; 
     }); 

Answer 1

si possono trovare diverse soluzioni proposte da Mike Bostock su questa discussione di Google Gruppi "show value when click or move mouse over on d3.svg.line"

Answer 2

Impostazione del titolo del link come mostrato sopra non provocare mouse sopra i suggerimenti - se e solo se si lascia che la muovere il mouse sulla qualsiasi parte del il collegamento un paio di secondi.

Answer 3

penso che quello che stai cercando è una combinazione di queste due risposte:

d3js: _on()_ doesn't send the current datum object to the onmouse function

e

Adding tooltip to bar chart generated using svg path

Entrambi hanno jsFiddles si può giocare con.