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>