悬停时显示 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");})我看到两个错误：分配mouseover事件时，您需要在每个 上执行rect，而不是在 上执行chart。所以chart.selectAll("rect").on部分修复它。mouseover处理函数的第一个参数event不是data. 第二个是data。所以你需要做function(event, d)而不是function(d)