クラスタForce Layout Circleにハイパーテキストリンクを追加するには

Question

クラスタフォースレイアウトがうまく動作し、サークルにテキストを追加できます。しかし、ハイパーテキストリンクを追加しようとすると、何も表示されません。 codeの問題は何ですか？

テキストのコードは、あなたが<a>自体にテキストコンテンツを置くことができませんSVGsで

node.append("a") 
    .text(function(d){ 
     return d.name; 
    }) 
    .attr("href", function(d){ 
     return '/profile/'+d.name; 
    }) 
    .attr("dx", -10) 
    .text(function(d){ 
     return d.name; 
    }) 
    .style("stroke", "white"); 

Answer 1

です。 <a>要素で実際に許可される内容の概要については、仕様のContent modelを参照してください。

node.append("a") 
    .attr("xlink:href", function(d){ 
     return '/profile/'+d.name; 
    }) 
    .append("text")     // <-- Wrap <text> element around link label 
    .text(function(d){ 
     return d.name; 
    }) 
    .attr("dx", -10) 
    .style("stroke", "white"); 

：あなたはあなたのリンクラベルの周りに別の text要素をラップする必要が