d3.js - 为什么我的 X 轴上不显示月份？

Question

谁能解释为什么 Janaury 没有显示在我的 x 轴上？

http://jsfiddle.net/bwNj6/

我正在使用它来生成它：

var xAxis = d3.svg.axis()
.scale(x)
.ticks(d3.time.months)
.orient("bottom").tickFormat(d3.time.format("%B"));

Answer 1

这是因为您在 1 月 1 日或之前没有任何数据，并且用 调用 x 轴的域d3.extent()，因此轴停止在您的最低值（1 月 3 日或附近的某个时间）。除了使用d3.extent()，您可以手动选择决定在 1 月 1 日启动轴，如下所示：

x.domain([
  new Date('2012/1/1'),
  d3.max(data, function(d) { return d.date; })
]);

在这里更新小提琴