D3.js 具有d3面积线性半径的突变过渡

JSFIDDLE：

这可能是我遗漏的一些非常简单的东西，但是图表从60秒的数据开始，然后每秒添加一个新值。然而，一旦达到60秒标记，图形就会变得急促，并且存在间隙。为了更新图形，我使用的平移偏移距当前时间仅为60秒：

// Slide the area left

svg.select("path").transition().attr('transform', "translate(" + x(d3.time.second.offset(now, -60)) + ")");

---

但一旦我达到60秒的目标，这就失败了。我这辈子都搞不懂。有什么建议吗？

我认为这里有一个更好的版本：

基本上，以下各项：

svg.select("path").transition().attr('transform', "translate(" + x(d3.time.second.offset(now, -60)) + ")");

现在变成：

svg.select("path").transition().attr('transform', "translate(" + x(data[0].time) + ",0)");