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