d3缩放和平移悬停功能

Question

我有一个图表，它具有从此示例代码缩放和平移的功能：（https://bl.ocks.org/mbostock/34f08d5e11952a80609169b7917d4172）。我的图形几乎完全像这样，除了有不同的数据点和圆圈表示每个数据点。

现在我试图允许鼠标悬停功能，将显示悬停时每个数据点的数据。然而，缩放行为是优先的，我不知道如何切换行为，以便缩放监听和鼠标悬停/悬停发生（首先，也许？）。

我想使用此代码示例，因为它具有悬停和缩放行为：（https://bl.ocks.org/lorenzopub/013c0c41f9ffab4d27f860127f79c5f5）

Answer 1

添加

d3.select("#rect").style("pointer-events", "all") 

已经解决了我的问题。 我认为鼠标事件不能正确传播。