D3气泡图如何设置标签堆叠层次？

Question

如图用d3绘制的一个气泡图，每一个气泡都是一个<g>标签，渲染时依次添加，并给每个气泡追加click事件，
click事件为点击气泡时出现浮层子菜单（一个rect与两个text标签）确定下一步操作，如下图。

但是现在遇到的问题是d3的rect与text标签不支持z-index属性，因此对于先创建的节点，点击的弹窗会被后创建的节点遮挡。

要怎么做，能够点击事件后将对应的节点重新创建让它在最上层呢？
或者d3有其他方式控制堆叠层次吗？

Answer 1

浮层子菜单要创建在气泡的上一级元素上，浮层就可以覆盖在气泡上了。d3.js中的父级元素会覆盖子级元素。