javascript - D3js 中的时间格式

Question

我有一个 d3 线图，我正在按月/日绘制日期。问题是 x 轴默认在轴原点显示年份“1900”。有没有办法可以将其更改为默认为“一月”而不是“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，以便它只知道显示缩写的月份名称。检查here用于 d3 中的时间格式选项。

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

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