テーブルの視覚化を設計していますが、その要件のため、各アイテムの棒グラフを表示する必要があります。これはネストされたテーブルであり、各アイテムには3つのバーがあります。
この画像は視覚化に役立ちます
バーのネストとスペースの制限への対処方法に問題があります。この種の棒グラフの視覚化にはパターンがありますか?
私があなたの質問を正しく理解していれば、以下のデザインがあなたのために働くでしょう:
選択ごとにbreadcrumbを維持し、現在の選択を任意の方法で強調表示します。ここでは、現在アクティブなアイテムに下線を引いています。 したがって、現在アクティブなアイテムの視覚化を表示します。ブレッドクラムは、ツリーとユーザーの選択に応じて変化します。
ユーザーがツリーのn番目のレベルでグラフを表示したい場合は、パンくずリストでその項目を選択することで簡単にグラフを表示できます(ツリーですでに選択している場合)。
また、ツリーに対して行うように視覚化をネストしないでください。ユーザーエクスペリエンスが完全に失われます。別のより良い設計を選択したい場合でも(可能性があります)、一度に1つの視覚化を制限するか、比較する場合は最大2つに制限します。なぜなら、ほとんどの人は一度に1つだけに集中することができるからです。お役に立てれば :)