具有d3区域线性梯度的波动过渡

Question

JSFIDDLE：https://jsfiddle.net/6xq2wrfb/

这可能是我非常简单的事情，但图表以60秒的数据开始，然后每秒添加一个新值。但是，一旦达到60秒标记，图形就变得不稳定并且存在间隙。为了更新图形，我使用的平移偏移距离当前时间仅为60秒：

// Slide the area left

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

但是一旦我达到60秒大关，这就失败了。对于我的生活，我无法弄清楚这一点。有什么建议吗？

Answer 1

我认为这里有一个更好的版本：https://jsfiddle.net/6xq2wrfb/1/

基本上，以下内容：

struct

现在变为：

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