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?
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
Post a Comment