d3.js:在轴上的刻度之间对齐文本标签

Question

有没有一种简单的方法可以在刻度之间对齐文本标签？

这是我的时间轴，刻度上方有标签:

我想像这样放置这些标签:

Answer 1

我最终得到了 Lars Kotthoff's advices 之一。

每次我调用(axis)时，我也会调整文本标签。
这是简化的代码:

function renderAxis() {
    axisContainer
        .transition().duration(300)
        .call(axis)                  // draw the standart d3 axis
        .call(adjustTextLabels);     // adjusts text labels on the axis 
}

function adjustTextLabels(selection) {
    selection.selectAll('.major text')
        .attr('transform', 'translate(' + daysToPixels(1) / 2 + ',0)');
}

// calculate the width of the days in the timeScale
function daysToPixels(days, timeScale) {
    var d1 = new Date();
    timeScale || (timeScale = Global.timeScale);
    return timeScale(d3.time.day.offset(d1, days)) - timeScale(d1);
}

更新:
顺便说一句，这是一个日历演示，我最终得到的是:http://bl.ocks.org/oluckyman/6199145