javascript - d3でX軸の目盛りをセンタリング

Question

さまざまな変換を試しましたが、x 軸の目盛りを各バーの下に配置する方法が見つからないようです。現在、それらは左揃えになっています。ここに私のxAxisScaleがあります:

var xAxisScale = d3.time.scale()
    .domain([new Date(values[0]['name']),
             d3.time.day.offset(new Date(values[values.length - 1].name), 1)])
    .range([0, w]);

ここに私が現在持っているもののJSフィドルがあります：

http://jsfiddle.net/NxtG9/