D3工具在图表上的提示

Question

这是小提琴。

  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来获取鼠标、的当前位置，但是工具提示仍然没有附加到鼠标。。

Answer 1

在css规则charts.bar div:hover中，您有一个zoom:150%;行。这个气球使你的工具提示的位置增加了50%，所以你移动的越远，它的效果就越差；当你移除它时，工具提示就会变得更好。(您也可以尝试类似d3.tip (http://bl.ocks.org/Caged/6476579)之类的东西，而不是自己滚动。)