d3js

2016-05-31 7 views
1

http://bl.ocks.org/robschmuecker/7880033d3js

用CSVとJSONファイルを置き換える私はJavaScriptとD3に新たなんです。上記の例はデンドログラムです。自分で作ることができます。しかし、私が従業員データのようなものに使用したいのであれば、簡単なやり方が欠けていない限り、いつもjsonを編集しなければならないのは苦痛であるようです。

私が他のチャートで使っていたExcelのcsvはうまくいくように思えます。 flare.jsonをcsvに置き換えることは可能ですか?もしそうなら、どうですか?

答えて

2

いいえ、直接できません。理由を知るには、関数d3.csvが配列を作成する方法を理解する必要があります。解析されたとき、それはネストされた配列またはネストされたオブジェクトせずに、オブジェクトの単一のアレイを

foo, bar, baz 
21, 33, 5 
1, 14, 42 

生成されます:あなたはこのCSVをしていると仮定します。最初の行はキー名を定義し、他の行は値を定義します。

[ 
    {"foo": 21, "bar": 33, "baz": 5}, 
    {"foo": 1, "bar": 14, "baz": 42} 
] 

それとも、あなたは文字列として数字で、種類を変更しない場合:これは、アレイは、そのCSV用に生成され

[ 
    {"foo": "21", "bar": "33", "baz": "5"}, 
    {"foo": "1", "bar": "14", "baz": "42"} 
] 

あなたは何をしたいのどこにも近くに取得することはありません配列などを含むオブジェクトを含む配列を含むオブジェクトの配列です。

この配列を後で変更して、必要な入れ子の子を作成できます(下記の@torresomarのコメントを参照してください)。しかし、簡単に編集するのは簡単ですあなたのJSON

+0

または、あるファイル形式を別の形式に変換する簡単なプログラムを作成します。あなたがたくさんのファイルを変換しなければならない場合、それはずっと速くなるかもしれません。 – RichS

+1

ええ@GerardoFurtadoはい、私はCSVへの階層的なアプローチを提供しようとしていましたが、CSVは単純な方法で階層を可能にする形式ではないのでかなり面倒です。それでもなおCSVの使用を拡大したい場合は、これをチェックしてください。http://stackoverflow.com/questions/19043561/csv-data-to-nested-json-tree-in-d3しかし、私はそれをお勧めしません。 – torresomar

+0

これは素晴らしい回答でした。手伝ってくれてどうもありがとう。 – Nick