d3使用悬停功能进行缩放和平移

Question

我有一个图表，可以通过此示例代码进行缩放和平移：（https://bl.ocks.org/mbostock/34f08d5e11952a80609169b7917d4172）。我的图表几乎与那个图表完全相同，除了数据点不同，以及注意每个数据点的圆圈。

现在我正在尝试允许鼠标悬停功能，该功能将在悬停时显示每个数据点的数据。但是，缩放行为优先，我不知道如何切换行为，以便缩放正在侦听并发生鼠标悬停/悬停（首先，可能？）。

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

Answer 1

添加

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

解决了我的问题。 我认为鼠标事件没有正确传播。