D3js中的時間格式

Question

我有一個d3線圖，它按月/日繪制日期。 問題是x軸默認在軸原點顯示年份“ 1900”。 有沒有一種方法可以將其更改為默認值，即“ January”而不是“ 1900”，因為我要強調的是不同年份。 我的plnkr在下面

http://plnkr.co/edit/22Jc4Nte0WWLQzT7a9lr?p=preview

我假設在以下兩行中進行了更改，但是，我不確定更改的方式。

var x = d3.scaleTime().range([0, width]),

要么

x.domain(d3.extent(data, function(d) { return d.date; }));

Answer 1

您必須使用%b為x軸定義tickFormat ，以便它僅顯示縮寫的月份名稱。 在此處查看d3中的時間格式選項。

  .call(d3.axisBottom(x)
    .tickFormat(d3.timeFormat("%b"))
  );

檢查更新的Plunkr- http: //plnkr.co/edit/7ZUSQJduYPL5VNAxBG5u?p=preview