2017-03-02 58 views
0

我有一个d3线图,我正在按月/日标出日期。问题是x轴默认在轴原点显示年份“1900”。有没有一种方法可以将其更改为默认为“一月”而不是“1900”,因为我的线条是突出显示不同年份的地方。我plnkr低于D3js中的时间格式

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

你必须定义tickFormat使用%b所以它只会显示月份的缩写x轴。在d3中检查here以获取时间格式化选项。

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

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

+0

真棒!非常感谢你,并感谢链接到时间格式=) –