D3.js：如何在饼图上放置标签和固定颜色

Question

我是 D3 的新手，我不太擅长 js，但我仍然很喜欢使用 d3 制作饼图。我将数据存储在数组data 中，我希望在数组labels 上有标签。

我在这个例子http://bl.ocks.org/mbostock/3887193 的基础上进行构建，这个例子很容易理解。我的图表的要点是我将值存储在数组而不是 csv 文件中，因此我删除了 d3.csv 函数。

到目前为止，该图表工作正常，但它不会使用不同的颜色，也不会显示标签。

我可以考虑两种可能的解决方案：

1. 循环遍历元素g（包含所有数据），并插入标签文本
2. 或创建一个包含标签和值的对象，并将其传递给.data() 行中的g

但我无法修复它。

这是我的代码http://jsfiddle.net/RAJrA/3/

任何帮助和一些解释都会很棒！

Answer 1

如果您像示例中那样表示您的数据，那么一切都会变得容易得多。这是一个FIDDLE，希望能证明这一点。 （为方便起见，我更改了颜色并剪切了一些数据，但这很容易改回来。）

var data = [{"age": "5-13", "population": 4499890},
            {"age": "14-17", "population": 2159981},
            {"age": "18-24", "population": 3853788}];