在d3.js图形轴中显示日期范围

时间:2014-08-22 12:54:25

标签: d3.js graph

现在在折线图上显示时间,我正在做:

d3.svg.axis().scale(x).orient('bottom').ticks(numTicks, 1)
          .tickFormat(d3.time.format('%a %d'))

显示我的日期:x轴上的星期二。

但是,现在我想在轴上显示日期范围(类似于:Tue 12-Tue 19),但不知道如何做到这一点。

1 个答案:

答案 0 :(得分:0)

最后我必须做这样的事情:

var xAxis = d3.svg.axis().scale(x).orient('bottom').ticks(numTicks, 1)
          .tickFormat(function(d,i) {return dateRanges[i]}).tickSize(6).tickPadding(8);

其中dateRanges =包含所有dateRange字符串

的数组