スポンサーリンク
スポンサーリンク

ツリーレイアウトを表示する

D3.jsにはツリーレイアウト(樹形図・木構造といったりもします)を生成することができます。ツリーレイアウトは以前の記事で書いたツリーマップと似ています。データセットに必要なプロパティ(キー名)も同一です。今回のサンプルコードでは会社の組織図を表示しています。部門名はnameプロパティで、それに属する課はchildren配列に格納しています。

サンプルコードの実行結果はこちら

コメント

タイトルとURLをコピーしました