D3plus超链接

Question

我用D3plus创建了一个简单的静态网络。我想在工具提示/图例中有一个工作超链接，它取决于所选节点的名称？因此，如果节点名是"Berlin“，我想要一个到"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>

​