D3 - 如何在X轴的日期范围的开头和结尾显示年份？

Question

目前我在X轴上显示日期，如下所示：

var xAxis = d3.svg.axis()
    .scale(x)
    .orient("bottom")
    .ticks(d3.time.day, 1)
    .tickFormat(d3.time.format("%a %d"));

所以我的问题是：有一种方法可以在轴的日期范围的开头和结尾添加年份吗？

提前致谢。

Answer 1

感谢@AmeliaBR

var dateFormat = d3.time.format("%b %Y");
d3.selectAll("g.tick:first-of-type")
    .append("text")
    .classed("dateTick", true)
    .attr("dy", "5em")
    .attr("class", "start-date")
    .text(function(d){return dateFormat(d);});