d3创建整个甜甜圈，简单化

Question

我想创建一个简单的甜甜圈形状，而不必大惊小怪（换句话说，我没有制作甜甜圈图的部分）。为此，我尝试使用d3的一些专用方法：

var arcFill = d3.arc()
    .outerRadius(300)
    .innerRadius(100);

然后开始从中绘制路径：

  graphGroup.append("path")
        .attr("d", arcFill)
        .style("fill", "#a6a6a6");

但是控制台提示我错误：

  

TypeError：无法读取未定义的属性“ startAngle”

问题

如何使用d3.arc()创建完整，完整的甜甜圈图？我不明白为什么在错误中需要startAngle，因为我的用例并不复杂。