d3.js - d3 multi layer doughnut chart labels and dataupdate -
i new d3js. trying adapt example of 3 ring doughnut chart posted in different topic on forum.
i need additionally text labels displayed on arcs , action trigger animation , update of chart data: http://jsfiddle.net/b88eqqn0/2/
var path = gs.selectall("path") .data(function(d) { return pie(d); }) .enter().append("path") .attr("fill", function(d, i) { return color(i); }) .attr("d", function(d, i, j) { return arc.innerradius(innerradius+(40*j)).outerradius(innerradius+40+(40*j))(d); }) .on("mousemove", function(d,i,j){ tooltip.style("left", d3.event.pagex+10+"px"); tooltip.style("top", d3.event.pagey-25+"px"); tooltip.style("display", "inline-block"); tooltip.select("span").text(seriesnames[j]+": " +d.data.name+" " +d.value); }).on("mouseout",function(){ tooltip.style("display","none"); }).on("click",function(d,j){ alert("regenerate chart tween event, aparam:"+d.data.name); }); });
is possible d3 ? many !!
Comments
Post a Comment