d3多个甜甜圈图切片标签不存在

Question

我有点卡住了D3多个甜甜圈。我想为每个切片呈现标签。价值工作正常，但没有标签。

http://jsfiddle.net/brrmek/prnne3y9/

这工作： 行70：.text(function(d) { return d.value; }); 这鸵鸟政策（这是我想要显示标签...）： 行70：.text(function(d) { return d.itemLabel; }); 解决方案： 行70：.text(function(d) { return d.data.itemLabel; });

谢谢Baz！

Answer 1

选择的data属性保存标签：

g.append("text") 
    .attr("transform", function(d) { return "translate(" + arc.centroid(d) + ")"; }) 
    .attr("dy", ".35em") 
    .style("text-anchor", "middle") 
    .text(function(d) { return d.data.itemLabel; }); 

jsfiddle