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

Question

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

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

到目前为止，该图表运行良好，但它不会使用不同的颜色，也不会显示标签。

我可以想到两种可能的解决方案：

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

但是我没能修好它。

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

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

Answer 1

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

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