Попытка создать несколько поповеров для каждого узла - PullRequest
0 голосов
/ 16 октября 2019

Когда я нажимаю на первом узле, отображается всплывающее окно, но когда я нажимаю на втором узле, первый (предыдущий) всплывающий элемент закрывается, а на втором узле отображается всплывающее окно.

Я хочувсплывающее окно, которое будет отображаться на первом узле, а также на втором узле с отдельными данными.

Полный код (здесь указание): 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);
})

Что яожидать, когда я нажимаю на каждый узел, тогда для этого узла должен быть виден поповер. он не должен закрывать предыдущее всплывающее окно узла.

Expected Output Image

...