2017-03-02 37 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

真棒!非常感謝你,並感謝鏈接到時間格式=) –