条形图未以 d3.js x 轴为中心

a-x*_*x-i 5 axis bar-chart d3.js

我有一个条形图,其中 x 轴显示工作日和该月的日期。我有一个小问题,x 轴的值并不像http://bl.ocks.org/mbostock/3885304的示例中那样位于条形图的中心:

在此输入图像描述

这就是我的样子:

在此输入图像描述

一些代码片段:

var x = d3.time.scale().range([0, width], .1);
var d3ticks = d3.time.days;
var xAxis = d3.svg.axis()
    .scale(x)
    .ticks(d3ticks, 1)
    .tickFormat(format)
    .orient("bottom");
svgGroup.append("g")
            .attr("class", "x axis")
            .attr("transform", "translate(0," + height + ")")
            .call(xAxis)
Run Code Online (Sandbox Code Playgroud)

我想念什么?

提前致谢!