d3js为时标轴设置tickValues

Question

我在官方的d3.js文档中搜索过，以及在stackoverflow中搜索一个方法来添加自定义tickValues到时间轴; 但是，我没有偶然发现任何确认类似内容的文档是可能的。

所以从本质上讲，我有一个时间刻度轴，我想显示具体时间，例如我想做这样的事情：

xHourAxis
   .ticks(d3.time.hours, 2)
   .tickFormat(d3.time.format('%I %p'))
   .tickValues(2, 4, 6, 8, 10, 12) ;

所以我想每2小时显示一次刻度值，但不包括第一个（上午12点）和最后一个（下午12点）。

有谁知道是否有任何解决方法？

Answer 1

几乎在那里，但是你的代码有两个问题：首先必须在数组中指定tick值，其次这些值应该是Javascript日期对象。 即你只是为tickValues提供一系列日期，所以你的代码看起来像这样：

xHourAxis
 .tickFormat(d3.time.format('%I %p'))
 .tickValues([new Date(2000,10,5), new Date(2005,2,7), new Date(2007,11,11)]);

另请注意，如果要稍后指定自定义值，则无需调用ticks() 。