重叠元素工具提示的 MouseOver 事件

MouseOver event for tooltips on overlapping elements

提问人:Saftpresse99 提问时间:11/15/2023 更新时间:11/15/2023 访问量:26

问:

我有一个这样的散点图: https://plnkr.co/edit/jgtwHJ9PeMUOEQzU?preview 现在,某些点可能具有相同或几乎相同的 x/y 值,因此它们完全重叠或部分重叠。
我使用 mouseover 和 mouseout 事件来显示工具提示。 但是,如果两个或多个点重叠,则仅触发一个点的鼠标悬停,并且只有此数据在事件处理程序中可用。我相信这是最顶级的。
问题是如何在鼠标悬停时从光标下的所有点获取数据?

    .on("mouseover", function(d, i) {
      //d contains only data from one (topmost) element
      tooltip.html(d.x)
        .style("left", (d3.event.pageX + 5) + "px")
        .style("top", (d3.event.pageY - 28) + "px");
    })
d3.js

评论


答: 暂无答案