1
我用D3plus創建了一個簡單的靜態網絡。我想在工具提示/圖例中有一個工作超鏈接,它取決於所選節點的名稱? 因此,如果節點名稱是「柏林」,我想鏈接到「https://en.wikipedia.org/wiki/Berlin」D3plus超鏈接
如何做到這一點? 感謝
我用D3plus創建了一個簡單的靜態網絡。我想在工具提示/圖例中有一個工作超鏈接,它取決於所選節點的名稱? 因此,如果節點名稱是「柏林」,我想鏈接到「https://en.wikipedia.org/wiki/Berlin」D3plus超鏈接
如何做到這一點? 感謝
使用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>
此外,如果您不想使用全屏工具提示,則可以覆蓋鼠標單擊行爲,如下所示:http://stackoverflow.com/questions/41153348/how-can-i -pass-A-路徑到開放窗口的onclick事件,在-d3plus的JavaScript –