鼠標移動d3.js與不同圖層的地圖

我使用3個不同的管理級別製作了我的TopoJSON。在鼠標懸停期間，我希望突出顯示級別2中的對象。但是，由於分層，對象只能檢測到鼠標事件，如果沒有其上的對象（來自，比方說，級別3）。這是一個javascript問題，我可以簡單地改變每個級別的z-index（通過CSS或腳本）。我也嘗試重新調整每個級別的調用。但是，我在某處讀到d3.js有自己的處理對象的方式，所以我提到的方法似乎不起作用。鼠標移動d3.js與不同圖層的地圖

如何確保我想要的對象位於頂部？

來源

2015-05-28 Rea G

SVG沒有z-index - 對象按照它們添加到DOM樹的順序呈現。添加您想要顯示在上面的對象。 –

@LarsKotthoff我嘗試了幾個組合，奇怪的是，我添加的第一個對象出現在頂部。 –

如果您有異步回調，添加元素的順序可能不是您認爲的那樣。如果您使用'g'元素對其他元素進行分組，則也是如此。 –

出於某種原因，對我而言有效的方法是首先將對象添加到事件偵聽器中。並確保對象的填充顏色存在（未設置爲無）。

來源

2015-05-28 03:45:14

鼠標移動d3.js與不同圖層的地圖

回答

相關問題