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