Javascript D3弧-不可见

我正在尝试实现一个多级饼图

我的初始代码如下：

var部门=[
{
“名称”：“销售”，
“颜色”：“绿色”，
“计数”：5
}, 
{
“名称”：“技术负责人”，
“颜色”：“红色”，
“计数”：8
}, 
{
“姓名”：“人力资源”，
“颜色”：“橙色”，
“计数”：3
}, 
{
“名称”：“发展”，
“颜色”：“蓝色”，
“计数”：12
}, 
{
“名称”：“QA”，
“颜色”：“粉色”，
“计数”：6
}, 
{
“名称”：“财务”，
“颜色”：“紫色”，
“计数”：9
}, 
{
“名称”：“PL”，
“颜色”：“灰色”，
“计数”：1
}, 
{
“名称”：“营销”，
“颜色”：“黄色”，
“计数”：4
}
];
var内半径=50；
var outerRadius=200；
var maxLeaveCount=部门.reduce（函数（最大，部门）{
返回（最大值<部门计数）？部门计数：最大值；
}, 0);
var svgContainer=d3.选择（“容器”）.追加（“svg”）
.attr（“宽度”，3*outerRadius）
.attr（“高度”，3*outerRadius）；
var arc=d3.svg.arc（）
.innerRadius（innerRadius）
.外层（功能（d）{
（d.count/maxLeaveCount）*（外层/0.9）
})
.startAngle（功能（d，i）{
返回（2*Math.PI*i）/departments.length；
})
.端角（功能（d，i）{
返回（2*Math.PI*i）/departments.length+（2*Math.PI）/departments.length；
})
SVG容器
.selectAll（“路径”）
.数据（部门）
.输入（）
.append（“svg:path”）
.attr（“d”，弧）
.attr（“转换”、“转换”（+（3*外部）/2+），“+（3*外部）/2+”）
.样式（“填充”，功能（d）{
返回d.color；
})

但它什么都没有。

---

有经验的人能帮我渲染吗？

您的

outerRadius

函数中缺少一个return语句

.outerRadius(function(d) {
  return (d.count / maxLeaveCount) * (outerRadius / 0.9)
})

---

哎呀。谢谢你，保罗。

.outerRadius(function(d) {
  return (d.count / maxLeaveCount) * (outerRadius / 0.9)
})