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; })
]);

ここでフィドルを更新しました