d3.jsのZインデックス

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/