Javascript d3.js中的Z索引

我有一张地图，当鼠标悬停在黄线和圆圈下方的地图区域时，最后一个区域消失了。我怎样才能解决这个问题

---

SVG

没有Z顺序，但它按照创建对象的顺序绘制对象。创建高亮区域后，只需创建

路径

和

圆圈

这是叉形小提琴：

---

您有什么问题？我没有看到任何异常的东西，它消失了。线是黄色的。你应该使线上方的悬停效果非常好。。。但是如果我想动态添加更多的圆。。。我应该怎么做？您可以始终添加svg元素并将其不透明度保持为0:`.style（“不透明度”，0）”。当需要元素可见时，只需更改不透明度。你也可以更新它们的位置。你应该为你的圆圈添加一个包装器g。现在将所有内容添加到同一个g。使用浏览器检查器查看g分组

       var arc = g.append("path")
        .style("fill", "none")
        .style("stroke", "yellow")
        .style("stroke-width", 2)
        .attr("d", "M" + pathOrigin[0] + "," + pathOrigin[1] + " Q" + svgPoint[0] + "," + pathOrigin[1] + " " + svgPoint[0] + "," + svgPoint[1]);

      var circleSize = d3.scale.linear()
        .domain([0, 0.5, 1])
        .range([4, 10, 4]);