D3.js使用CSS填充

Question

对于D3.js来说很新，我能够在顶线和底线下面的区域获得区域，并使用填充阴影。

现在我想将底线下方的区域保持为透明，但区域之间的区域为阴影。我怎么能这样做？

.areaBelow {
  fill: green;
  stroke-width: 0;
}

.areaAbove {
  fill: lightsteelblue;
  stroke-width: 0;
}

JSFiddle