2012-11-03 9 views
5

D3の有向グラフレイアウトのリンクでマウスオーバーでツールチップを実装するにはどうすればよいですか?私はノードのツールチップを設定すると、このようなコードを使用して簡単でした、D3力の例を適応しています:リンクと同様の手法を試しマウスの上にd3.layout.forceリンクツールチップを表示

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

は、ツールチップ上にマウスをもたらさなかった。

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; 
     }); 
あなたはのいずれかの部分にマウスホバーを聞かせて場合に限っ -

答えて

0

にマイク・ボストックによって提案された別の解決策を見つけることができますリンクは数秒です。

関連する問題