2016-06-25 20 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)); 
}); 

あなたはSVG でそれを描く前(それはあなたがダニがフォーマット表示されない理由である)X軸/ Y軸の目盛りのフォーマットを定義しなければなりません。

作業コードhere

関連する問題