javascript - Z-index in d3.js -


i have map , when hover effect on region of map below yellow line , circle, last ones disappear. how can solve problem?

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

svg not have z order draws objects in order created. need create path , circle after create highlight regions.

here forked fiddle: http://jsfiddle.net/o00fzgaf/1/


Comments

Popular posts from this blog

python Tkinter Capturing keyboard events save as one single string -

android - InAppBilling registering BroadcastReceiver in AndroidManifest -