d3时间轴根据svg宽度缩放

Question

我试图在d3中使用可拖动的时间轴，并要求如果svg元素的宽度增加并且页面重新加载，则时间栏上的刻度具有相同的距离，但是时间量时间线表示减少了。

我当前的刻度定义如下

var xAxis = d3.svg.axis().scale(x).orient("bottom").ticks(d3.time.hour, 1).tickFormat(d3.time.format("%H:%M"));

这里有一个例子;如果将宽度更改为600，您可以看到问题，而不是代表两倍的时间，而不是相差两倍。

http://jsfiddle.net/ZnkN6/259/