Javascript 将工具提示添加到d3.js层次条形图

我正在尝试添加鼠标悬停在层次条形图上的工具提示，因为它是由Mike Bostock在此（）创建的。我不能用传统的方式添加工具提示，因为代码有点不同。有人能帮我吗？

你可以这样做：

  bar.append("text")
      .attr("class", "moreText")
      .attr("x", function(d) { return x(d.value) + 20; })
      .attr("y", barHeight / 2)
      .attr("dy", ".35em")
      .attr("fill", "none")
      .text(function(d) { return d.value; })

在

栏中

函数中添加此项以产生悬停效果

  bar.on("mouseover", function() {
        d3.select(this).select(".moreText").attr("fill", "#333")
          .attr("x", function(d) { return x(d.value) + 15; })
      })
      .on("mouseout", function() {
        d3.select(this).select(".moreText").attr("fill", "none")
      })

在同一个函数中，在此处添加

.attr（“x”，函数（d）{return x（d.value）+15；}）

，以确保在转换前后获得正确矩形的正确坐标，并按类引用文本，如下所示：

d3.select(this).select(".moreText")

---

这是一个可行的

您可以这样做：

  bar.append("text")
      .attr("class", "moreText")
      .attr("x", function(d) { return x(d.value) + 20; })
      .attr("y", barHeight / 2)
      .attr("dy", ".35em")
      .attr("fill", "none")
      .text(function(d) { return d.value; })

在

栏中

函数中添加此项以产生悬停效果

  bar.on("mouseover", function() {
        d3.select(this).select(".moreText").attr("fill", "#333")
          .attr("x", function(d) { return x(d.value) + 15; })
      })
      .on("mouseout", function() {
        d3.select(this).select(".moreText").attr("fill", "none")
      })

在同一个函数中，在此处添加

.attr（“x”，函数（d）{return x（d.value）+15；}）

，以确保在转换前后获得正确矩形的正确坐标，并按类引用文本，如下所示：

d3.select(this).select(".moreText")

这是一张工作票