d3.layout.force bağlantı araç ipucunu farenin üzerinde göster

Question

D3 yöneltilmiş grafik düzenindeki bağlantılar için fareyle ilgili ipuçlarını nasıl uygularım?

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

aracı ipuçları üzerinde fare yol açmamıştır bağlantıları ile benzer bir teknik çalışılıyor:

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

Ben D3 kuvvet örneği adapte yüzden düğüm araç ipuçlarını kuruyorum böyle kod kullanarak basit oldu Eğer herhangi bir kısmı üzerine fare hover izin iFF -

Answer 1

sen araç ipuçları üzerinde fare ile sonuçlandığını yukarıda gösterildiği gibi bağlantı başlığı ayarlanması bu Google Grupları iplik "show value when click or move mouse over on d3.svg.line"

Answer 2

Mike Bostock önerdiği farklı çözümler bulabilirsiniz Bağlantı birkaç saniye.

Answer 3

Ne arıyorsun bu iki cevapları bir arada olduğunu düşünüyorum:

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

ve

Adding tooltip to bar chart generated using svg path

İkisi

sen oynayabilirsin jsFiddles var.