javascript - 鼠标悬停在具有不同图层的 d3.js map 上

Question

我制作了具有 3 个不同管理级别的 TopoJSON。在鼠标悬停期间，我希望突出显示级别 2 中的对象。但是，由于分层，如果对象上方没有对象(比方说，来自第 3 层)，对象只能检测到鼠标事件。这是一个 javascript 问题，我可以简单地更改每个级别的 z-index(通过 CSS 或在脚本中)。我还尝试重新排序每个级别的调用。然而，我在某处读到 d3.js 有它自己的处理对象的方式，所以我提到的方法似乎没有用。

如何确保我想要的对象保持在顶部？

Answer 1

出于某种原因，对我有用的是首先添加带有事件监听器的对象。并确保对象的填充颜色存在(未设置为无)。