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

Question

我是D3的新手，我不太擅长js，但我仍然很乐意使用d3制作饼图。我将数据存储在数组data中，并将数据存储在数组labels上。

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

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

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

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

但我无法修复它。

这是我的代码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}];