2013-12-17 15 views
11

d3 jsを使用してこの時系列チャートのx軸をフォーマットする際に問題があります。ここでd3時間スケールx軸とunixタイムスタンプ

は実施例である:http://tributary.io/inlet/7798421

問題:私は関係なく、指定されたダニの合計#の、私のx軸上の1日(ラベル)を見ることができます。どのようにして4〜6ティックでx軸に時間を表示できますか?

編集:Larsのおかげです。

var data = [ 
    {"time": 1387212120, "open": 368, "close": 275, "high": 380, "low": 158}, 
    {"time": 1387212130, "open": 330, "close": 350, "high": 389, "low": 310}, 
    {"time": 1387212140, "open": 213, "close": 253, "high": 289, "low": 213}]; 

data.forEach(function(d){ d.time = new Date(d.time * 1000) }); 

そして、デフォルトの形式で、それを受け入れるD3、またはあなたがカスタマイズすることができます:

は、ここにUTCで私の時間です。

答えて

24

JavaScriptのDateオブジェクト(暗黙的にタイムスタンプを変換しています)は秒単位のミリ秒単位のタイムスタンプではありません。すべての時間の値に1000を乗算すると、それは機能します。

完全な例here。私はまた、Dateへの変換を明示的にしました。

+0

TimeをX軸として優れた経験を積んだ、驚くほど簡潔でシンプルなソリューションです。ありがとう。 – DeBraid

+0

非常に有益であり、エレガントです。ありがとうございます。 –

関連する問題