d3.js - タイムスケールは日付を数値に変換しません

Question

タイムスケールの使い方に問題があります。「YYYYMMDD」形式の日付があります。これらを次のように解析します。

parseDate = d3.time.format("%Y%m%d").parse

上記と同じ関数を使用して、ドメインを静的な日付に設定します。コンソールで日付が正しい形式で表示されます。しかし、スケール関数 x を適用すると、'NaN' WAT? が返されます。

それはおそらく私が見ていない小さなもので、私を怒らせています...

コードはここにあります: http://bl.ocks.org/pberden/5668581

score 0 · Accepted Answer

問題はあなたの呼び方にあると思いますd3.nest。スペックによると

キー関数は、入力配列の各要素に対して呼び出され、要素をそのグループに割り当てるために使用される文字列識別子を返す必要があります。

Daycsv ファイル内のをに変換しますDateが、を使用して配列からマップを構築しているため、関数d3.nest()の呼び出しによって暗黙的な変換が行われ、これがに変換されます。keyDateString

lineこれを修正するには、ジェネレーターを強制的に a に変えるStringことDateができると思います

var line = d3.svg.line()    
 .x(function(d) { return x(new Date(d.key)); })
 .y(function(d) { return y(d.values.Value); });

1 に答える 1