Cluster 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 섹션을 참조하십시오.

당신은 당신의 연결 라벨 주위에 다른 text 요소를 포장해야합니다

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