D3 - 如何在X軸的日期範圍的開始和結束處顯示年份？

在這樣的X軸目前我顯示日期：D3 - 如何在X軸的日期範圍的開始和結束處顯示年份？

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

所以我的問題是：有一種方法可以在軸上的日期範圍的開頭和結尾添加了一年？

在此先感謝。

來源

2014-01-16 porozco

這不是我清楚你的要求。你想在軸的開始/結束處使用特殊標籤，還是每個月只勾選一次？ –

在軸的開始/結束處添加特殊標籤。那些可以是月份或年份。謝謝！ – porozco

通常，唯一可靠的方法是使用['.tickValues（）']（https://github.com/mbostock/d3/wiki/SVG-Axes#wiki-tickValues）明確設置標記值。。 –

由於@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);});

來源

2014-01-17 19:06:56 porozco

D3 - 如何在X軸的日期範圍的開始和結束處顯示年份？

回答

相關問題