2

d3.jsを使用して、親の値が子の合計よりも大きい可能性があるツリーマップを表示しようとしています。たとえば、名前空間階層のコード行を視覚化しているとします。名前空間BとCはAの子であり、それぞれ1行です。名前空間Aは3行です。BとCの場合は1行、それ自体の場合は1行です。したがって、BとCだけではAのサイズは決まりません。

このプロパティをツリーマップに表示したいと思います。特に、親は、サイズが正しく比例している子の長方形の上にある長方形である必要があります。親が追加のサイズを追加しない場合でも、親は表示されますが、最小サイズで表示されます(親の名前を示すために、子の上部にまたがる小さな長方形である可能性があります)。

現在、子の値ノードは、非リーフノードの実際のサイズを無視して階層を上に伝播されます。

d3.jsのソリューションが必要です。これは、コードの残りの部分で使用しているライブラリであるためですが、問題が解決する場合は、別のフレームワークを使用できます。

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

4

1 に答える 1

1

内部階層ノードに値を持たせることができるプルリクエスト#574を試してみることをお勧めします。

それ以外の場合は、内部ノードに関連付けられているが子によって考慮されていない追加の値を含む、非表示のダミーノードをデータに追加できます。ツリーマップをレンダリングするときに、それらのノードをフィルタリングして、それらが表示されないようにすることができます(レイアウトの一部であっても)。または、表示するスタイルを設定することもできます:なし。

于 2012-06-29T06:23:29.617 に答える