Javascript 将鼠标悬停弹出窗口添加到d3树叶

我遇到了一个构建可折叠的动画缩进树的好例子 使用d3

如何添加在叶节点上发生

mouseover

事件时可用的弹出窗口？

---

弹出窗口应该出现在实际节点的旁边。

您可以通过在nodenter.append（“svg:circle”）部分添加.on事件，在mouseover和mouseout上执行任何操作：

除了这两行之外，您还必须编写addLabel和clearLabel函数（如示例中显示或隐藏子节点的单击函数）

---

通过将弹出窗口的位置传递给函数或相对于鼠标进行定位，可以让节点显示弹出窗口

欢迎来到StackOverflow！当使用标签时，选择最流行的标签（语言/技术等），这将帮助人们找到标签并回答您的问题。

nodeEnter.append("svg:circle")
  //.attr("class", "node")
  //.attr("cx", function(d) { return source.x0; })
  //.attr("cy", function(d) { return source.y0; })
  .attr("r", 4.5)
  .style("fill", function(d) { return d._children ? "lightsteelblue" : "#fff"; })
  .on("mouseover", addLabel)
  .on("mouseout", clearLabel)
  .on("click", click);