如何添加链接到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。