如何在d3線圖上縮寫月份

Question

我有兩個關於d3線圖的問題。

我有以下線圖：

這裏是一個的jsfiddle：http://jsfiddle.net/TKHYp/8/

的數據是這樣的：

var sampleData = [ 
         ["2012-01", 2+Math.random()], 
         ["2012-02", 2+Math.random()], 
         ["2012-03", 2+Math.random()], 
         ["2012-04", 2+Math.random()], 
         ["2012-05", 2+Math.random()], 
         ["2012-06", 2+Math.random()], 
         ["2012-07", 2+Math.random()], 
         ["2012-08", 2+Math.random()]]; 

和代碼轉換的日期如下： ：

var parseDate = d3.time.format("%Y-%m").parse; 

我有兩個問題：

1. 我如何告訴D3來簡化月（二月成爲年2月） 和
2. 爲什麼它改變01-2012爲「2012」，而不是「一」？

如果沒有辦法縮短月份，有人可以幫助我更改d3代碼，因此它只是將數據日期輸出爲字符串嗎？這樣我可以編寫javascript代碼來手動分析和縮短數據中的日期。

謝謝！

Answer 1

您將不得不使用tickformat()函數。這裏是你的更新fiddle

tickFormat（d3.time.format（ 「％Y-％B」））

更多信息的格式說明：https://github.com/mbostock/d3/wiki/Time-Formatting

tickformat：https://github.com/mbostock/d3/wiki/SVG-Axes#wiki-tickFormat