D3js中的时间格式

时间:2017-03-02 16:00:54

标签: javascript d3.js

我有一个d3线图,我正按月/日绘制日期。问题是x轴默认显示年份" 1900"在轴原点。有没有办法可以将其更改为默认为" 1月"而不是" 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; }));

1 个答案:

答案 0 :(得分:1)

您必须使用tickFormat为x轴定义%b,因此它只知道显示缩写的月份名称。检查here中d3中的时间格式选项。

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

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