如何添加鏈接到d3雷達圖的每個節點？

Question

我在我的項目中集成了radar-chart-d3，我想添加一個鏈接到它的每個節點，以便它的onclick我可以顯示記錄details.please幫助。 you can see the demo here

Answer 1

由於您使用的雷達圖實現是黑箱，我想補充的鏈接它呈現後：

// this "circles" are where you want your links 
svg.selectAll('.circle').each(function(d,i){ 

    // get the parent of each circle, we'll append the link to this 
    var par = d3.select(this.parentNode); 

    // create the link and text 
    par.append("a") 
    .attr("xlink:href", "http://www.google.com") 
    .attr("target","_blank") 
    .append("text") 
    .attr("transform", "translate("+ (d[0].x) +","+ (d[0].y) +")") // where to place it! 
    .text("this is a link"); 
}); 

例here。