d3.js环形扇区的面积图

Question

我正在尝试实现一个图表，该图表包括两个带有圆形的环形扇区，如下所示。

Expected Out

我已经实现，

Actual

对于d3.js来说我还很陌生，我从Nadieh Bremer的Radar图表示例link开始。

现在的问题是，我无法从基本扇区开始绘制面积图，即不应包括我的屏幕快照中标记的区域。

代码如下：

 var radarLine = d3.svg.line
    .radial()
    .interpolate("linear-closed")
    .radius(function(d, i) {
      return rScale(d.value + cfg.offset);
    })
    .angle(function(d, i) {
      let j = i + deptCountHalf;
      return j * angleSlice;
    });

 var blobWrapper = g
    .selectAll(".radarWrapper")
    .data(Array(departments))
    .enter()
    .append("g")
    .attr("class", "radarWrapper");

  blobWrapper
    .append("path")
    .attr("class", "radarArea")
    .attr("d", function(d, i) {
      return radarLine(d);
    })
    .style("fill", cfg.color(0))
    .style("fill-opacity", 0.1);

jsfiddle中的完整代码：Link

我希望blobWrapper路径位于基本扇区的起始位置。