D3plus超链接

Question

我用D3plus创建了一个简单的静态网络。我想在工具提示/图例中有一个工作超链接，它取决于所选节点的名称？ 因此，如果节点名称是“柏林”，我想链接到“https://en.wikipedia.org/wiki/Berlin”

如何做到这一点？ 感谢

Answer 1

使用this example作为一个起点，创建可点击的内容大提示，在“HTML”键可以通过将获得通过点击的数据点的ID的功能：

var sample_data = [ 
 
    {"value": 100, "name": "Berlin"}, 
 
    {"value": 70, "name": "London"}, 
 
    {"value": 40, "name": "Paris"} 
 
] 
 

 
function htmlContent(id) { 
 
    return "<a href='https://en.wikipedia.org/wiki/" + id + "'>Click Here</a>"; 
 
} 
 

 
var visualization = d3plus.viz() 
 
    .container("#viz") 
 
    .data(sample_data) 
 
    .id("name") 
 
    .size("value") 
 
    .tooltip({"html": htmlContent}) 
 
    .type("tree_map") 
 
    .draw();

<script src="//d3plus.org/js/d3.js"></script> 
 
<script src="//d3plus.org/js/d3plus.js"></script> 
 

 
<div id="viz"></div>