单击时d3j​​s使工具提示保持不变

Question

我有一个文字，当我把鼠标放在上面时，我想要显示一个提示。这是实现的。现在，我希望在我点击此文本后保留提示，并在我再次单击文本时消失。我怎样才能做到这一点？似乎＆＃39; tip.show＆＃39;为此目的不起作用......

nodeEnter.append("text")
      .attr("x", function(d) { return d.children || d._children ? -10 : 10; })
      .attr("dy", ".35em")
      .attr("text-anchor", function(d) { return d.children || d._children ? "end" : "start"; })
      .text(function(d) { return d.name; })
      .style("fill-opacity", 1e-6)
      .style("font-weight", function(d) { return d.father == undefined ? "":"bold";})
      .style("font-size", function(d) { return d.father == undefined ? "":"14px";})
      .on('mouseover', tip.show)
      .on('mouseout', tip.hide);

＆＃39;提示＆＃39;的定义：

  var tip = d3.tip()
      .attr('class', 'd3-tip')
      .offset([-10, 0])
      .html(function(d) { return "index: " + d.index + "<br>other information..."; });

  svg.call(tip);

感谢!!!

Answer 1

指定一个标记以跟踪它是否隐藏。然后将其绑定到您的点击事件而不是鼠标悬停。

-A DOCKER-ISOLATION -i br-be010eaddd0e -o br-f788f16ed0dd -j DROP
-A DOCKER-ISOLATION -i br-f788f16ed0dd -o br-be010eaddd0e -j DROP