javascript - d3 刻度有不同的宽度

Question

我试图让我所有的刻度都具有相同的宽度。到目前为止，有些宽度是您从下图中看到的两倍宽。具体来说，查看 06/07 和 06/09 的刻度之间的差异。

我试过设置stroke-width: 1和shape-rendering: crispEdges（甚至shape-rendering: auto）。我什至看过我定义 x 比例和 x 轴的方式：

var x = d3.time.scale()
    .domain([startDate, endDate])
    .rangeRound([0, width]);

var xAxis = d3.svg.axis()
    .scale(x)
    .tickFormat(d3.time.format('%m/%d'))
    .tickSize(-height)
    .tickPadding(1);

这是相关的CSS：

.axis path, .axis line {
    fill: none;
    stroke: black;
    stroke-width: 1;
    shape-rendering: crispEdges;
}

对于它的价值，刷新时效果是一致的。也就是说，06/07 的刻度总是比 06/09 的粗。