Javascript d3.js差异图表区域转换

我在获取差异图表的面积部分以正确执行转换时遇到问题

正如我仍在学习的一样，该图表基于Mike Bostock的差异图表示例，并且转换由d3noob的指导

相关位：

  svgchin.select("#clip-above-chin path")
    .duration(750)
    .attr("d", area.y0(0));

  svgchin.select("#clip-below-chin path")
    .duration(750)
    .attr("d", area.y0(height));

  svgchin.select(".area.above")
    .duration(750)
    .attr("d", area.y0(function(d) { return y(d["Post"]); }));

  svgchin.select(".area.below")
    .duration(750)
    .attr("d", area);

这里是完整的JSFIDLE：

如您所见，直线和轴会按预期进行更新。然而，这些地区还没有上船

---

有什么想法吗？

您实际上还没有更新绑定到元素的数据。照办

var svgchin = d3.select("#chinook").datum(data).transition();

一切正常。完成演示