Javascript 如何使用mouseenter函数显示数据

我有一个条形图，我希望能够悬停在条形图上，并在图表顶部以文本形式显示一些数据

我不想使用工具提示，当我将文本更改为普通字符串（如“boom”）时，它会在鼠标输入时显示。但是，它不会显示数据

我在下面的代码中有mouseenter和它调用的函数。基本上，我需要一种方法，让mousenter告诉函数数据是什么。出于某种原因，它不会那样做

我试着在函数中使用.text（d3.select（this.text）（d.data））。 我也试着去掉这个函数，把它作为一个代码。也不管用

.on("mouseenter", flash("mode0Danceability"))

function flash(name) {
  return function() {
    svg.append("text").attr({id: "fish"})
        .attr("class", "boom")
        .attr("x", 45)
        .attr("y", -33)
        .text(svg.html(d.mode0Danceability))
        .style("font", "20px sans-serif")
        .style("fill", "steelblue");
  };
}

---

最好的方法是创建一个工具提示，只需给它没有边框，并将其作为文本附加到特定位置，而不是作为div