d3.jsネストした配列からデータを正しく取得する方法

Question

現在、かなり大きな配列のデータを視覚化しようとしています。私の結果は、私は複数行のグラフが欲しいということです。

私の配列は、D3.jsの方が扱いやすいCSV形式です。 - 列ヘッダー
ショッピング23/7/90,9
デート23/3/96,3

カテゴリ、日付、周波数<：

私のデータは、このような何かを見て

Console.log(DataNest)

：私は複数行のチャートの各カテゴリを処理できるようにしたかった

個別ので、以下の何である別の配列に私のデータをマッピングすることを決定しました

私の問題は今、チャートラインを作成するための情報を取得する方法を知らないのですか？

ここに私のコード：

var dataNest = d3.nest() 
.key(function(d) {return d.category;}) 
.entries(data_out); 

dataNest.forEach(function(d,i) { 

var line = d3.line() 
.x(d3.values(dataNest).map(function(d) { return d.date; }).filter(function(key) { return key !== "date"; })) 
.y(d3.values(dataNest).map(function(d) { return d.frequency; }).filter(function(key) { return key !== "frequency"; })) 
; 

    chartGroup.append('path').attr('d',line(d)); 


      }); 

Answer 1

私の理解では、あなたがCSVやTSVを使用している場合、あなたのデータは、このような形式にするために必要なファイルということです：

category,date,frequency 
shopping,23/7/90,9 
shopping,28/7/90,9 
shopping,27/7/90,9 
shopping,23/8/90,9 
shopping,23/9/90,9 

とは対照的にこれに：一度正しい形式で

category,date,frequency shopping,23/7/90,9 
category,date,frequency shopping,28/7/90,9 
category,date,frequency shopping,27/7/90,9 
category,date,frequency shopping,23/8/90,9 
category,date,frequency shopping,23/9/90,9 

は、あなたがして、あなたはdとCSVをインポートした後のデータを参照することができなど.category、d.date、

ここでは、TSVを使用して偉大なマルチシリーズの折れ線グラフの良い例です。https://bl.ocks.org/mbostock/3884955