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

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -