d3.js - D3plus 超链接

Question

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

怎么做？谢谢

Answer 1

使用此示例作为创建具有可点击内容的大型工具提示的起点，可以将“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>