这是 fiddle .
divs.on("mousemove", function() {
var top = (d3.event.pageY) + "px";
var left = (d3.event.pageX) + "px";
console.log(top + " " + left);
tooltip.style("top", top).style("left", left);
});
我正在使用 d3.event.pageX 和 pageY 获取鼠标的当前位置，但工具提示仍然没有附加到鼠标。
最佳答案
在您的 css 规则 charts.bar div:hover 中，您有一个 zoom:150%; 行。这会使您的工具提示的位置膨胀 50%，因此您向右移动得越远，情况就越糟；当您删除它时，工具提示会变得更好。 (您也可以尝试像 d3.tip ( http://bl.ocks.org/Caged/6476579 ) 这样的东西，而不是自己滚动。)
关于javascript - D3 工具提示关闭图表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35394614/