悬停时显示 d 的 D3 工具提示问题

Question

冒险进入 D3 领域并尝试设置一个带有工具提示的简单条形图，但似乎我无法访问我传递给鼠标悬停事件的数据：chart.on("mouseover", function(d){       return tooltip.style("visibility", "visible")                     .text(d.name + " - " + d.calories + " cal");            })感谢任何答案，因为我有点困惑

Answer 1

尝试以下：

chart.selectAll("rect").on("mouseover", function(event, d){ 

  return tooltip.style("visibility", "visible")

    .text(d.name + " - " + d.calories + " cal");

})

我看到两个错误：

1. 分配mouseover事件时，您需要在每个 上执行rect，而不是在 上执行chart。所以chart.selectAll("rect").on部分修复它。

2. mouseover处理函数的第一个参数event不是data. 第二个是data。所以你需要做function(event, d)而不是function(d)