尝试为每个节点创建多个弹出窗口

Question

当我单击第一个节点时，它将显示弹出窗口，但是当我单击第二个节点时，第一个（上一个）弹出窗口将关闭，而在第二个节点上，将显示弹出窗口。

我希望弹出框在第一个节点上也可以在第二个节点上可见 带有单独的数据。

完整代码（在此处提示）：https://jsfiddle.net/ka6nsp40/

var tip = d3.tip()
  .attr('class', 'd3-tip')
  .offset([-10, 0])
  .html(function(d) {
    return "<div>title 3</div><strong>Frequency:</strong> <span style='color:red'> test </span><div>body</div><div>footer</div>";
  })
node = node.data(graphdata.nodes)
    .enter().append("g")
      .attr("class", "node")
      .call(drag)
      .call(tip)
      .on("click",clickevent)
      .on('click', function(d) {
            tip.show(d);
            clickevent(d);
})

我期望的是，当我单击每个节点时，该节点的弹出窗口应该可见。它不应关闭上一个节点的弹出窗口。