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

谢谢巴兹！

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