D3js v4を使用したd3.hierarchyのサンバーストチャートのデータ

Question

d3jsv4でd3.hierarchyを使用してサンバーストチャートを取得しようとしています。私はexampleと同じことをしました。しかし、私がオブジェクトの配列として取得していたデータと、例で使用したものと同じではないので、データが例と同じになるように小さな関数を追加しました。以下は、機能

const arrayToObject = (array) => 
    array.reduce((obj, item) => { 
     obj[item.name] = item 
     return obj 
}, {}) 

はここでフィドルのリンクです：https://jsfiddle.net/snt1/mbszu1u5/8/

はありがとうございました。

Answer 1

私はこれが答えですかどうかわからないんだけど（私はそれだと思う）、または私がコメントとしてこれを投稿する必要がありますがここにあなたのコードを持つことだ：

d3.hierarchy()は名前」を持つオブジェクトを探します"と"子ども "のデータを操作し、そのデータを操作してからpartition(root)で使用します。あなたはhttps://bl.ocks.org/maybelinot/5552606564ef37b5de7e47ed2b7dc099でコードをデバッグする場合、私はちょうどオブジェクトにdata配列をラップする場合、あなたは、d3.hierarchy()があなたのコードで{name: "flare", children: Array[15]}

としてオブジェクトを受け取ることがわかります

は、言う： {name: "test", children: data}は、それが作成されます色と適切なタイトルのサンバースト。

ここにはFIDDLEの変更があります。 （btw私はarrayToObjectをコメントしました）

これが役立つことを願っています。 :)