2016-06-25 40 views
3

我有一個可用的多欄圖表,但我無法更改日期格式。在nvd3圖表中更改xAxis的日期格式

在json數據字符串中,日期顯示爲2016-01-01,2016-02-01等,我希望在x軸上將其讀爲1月16日。

這裏是我的小提琴:

http://jsfiddle.net/xpz526xo/6/

這裏是我試圖添加到更改日期,但有以上代碼的格式,因爲沒有效果

chart.xAxis .tickFormat(function(d) { return d3.time.format('%m %y')(new Date(d)) });

道歉我在移動電話上提交

回答

1

這樣做:

var format = d3.time.format("%Y-%d-%m").parse;//needed to parse the string to date 
var chart = nv.models.multiBarChart(); 
chart.xAxis 
.tickFormat(function(d) { 
    return d3.time.format('%m %y')(format(d)); 
}); 

MUST您在SVG (這就是爲什麼你沒有看到格式化的蜱的原因)繪製之前定義的X軸/ Y軸刻度格式。

工作代碼here