D3.js d3多层圆环图标签和数据更新

我对d3js很陌生。我试图改编论坛上不同主题中发布的三环甜甜圈图表的例子

我需要在弧上显示额外的文本标签，以及触发动画和图表数据更新的动作：

d3有可能吗？

---

非常感谢

我通过如下更新代码来添加标签：[code]//text labels var text=svg.selectAll（“g.arc”）.insert（“text”）//.attr（“transform”，function（d）{return“translate”（+arc.centroid（d）+”）；}.style（“font size”，“10px”）.style（“fill”，“fill”，“000”）.attr（“dy”，20）。append（“textPath”）.attr（“xlink:href”，函数（d）{return“#yyy”+d.data.name}）.attr（“startOffset”，2）.text（函数（d）{return d.data.name}）；/。toFixed（2）[/code]

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