D3随时间滚动xAxis

Question

这是实时的图表。 https://codepen.io/FaridNaderi/pen/weERBj我有一个滚动的折线图，当数据进入时，它会实时更新。

这就是我目前初始化xAxis的方式

var x = d3.scaleTime()
.domain([0, n - 1])
.range([0, width]);

我在js代码的底部有一个tick函数，用于初始化数据的滚动。

我想要做的是将静态xAxis替换为滚动并显示当前时间的静态xAxis，类似于本页底部的滚动xAxis。 http://jsfiddle.net/cyril123/1apL7jwf/1/

我想实现xAxis，类似于我如何使用滚动图，它在屏幕上生成值，然后以设定的间隔在屏幕上转换它们。

我尝试添加代码来更新xAxis但到目前为止没有成功。

now = new Date();
x.domain([now - (n-2) * duration, now - duration]);
d3.select(".xaxis").transition().call(d3.axisBottom(x));