d3.js中的Z-index

Question

我有一张地图，当悬停效果对地图上黄色线和圆圈下方的区域时，最后一个会消失。我该如何解决这个问题？

http://jsfiddle.net/ot21n9qx/

       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]);

Answer 1

SVG没有Z顺序，但它按创建顺序绘制对象。您只需在创建突出显示区域后创建path和circle。

这是分叉的小提琴： http://jsfiddle.net/o00fzgaf/1/