d3 具有悬停功能的缩放和平移

Question

我有一个具有此示例代码的缩放和平移的图表：(https://bl.ocks.org/mbostock/34f08d5e11952a80609169b7917d4172)。我的图表几乎和那个完全一样，除了有不同的数据点，并且圆圈标注了每个数据点。

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

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

Answer 1

添加

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

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