Zum Inhalt springen
DIAGRAMME · COMPLETE

TreemapChart

Anteile als Rechtecke zeigen: je größer der Wert, desto größer die Fläche.

Zeigen Sie Anteile als Rechtecke, deren Flächen den Werten folgen.

Warum es hilft

  • Fläche entspricht Wert
  • Hierarchien
  • Kompakt

Wo es passt

  • Speichernutzung
  • Budgets
  • Portfolios
Das Steuerelement TreemapChart auf einer RayCraft-Seite

Beispiel

<TreemapChart Label="Storage by type" Slices="_slices" ValueFormat="N0" />

@code {
    private readonly ChartSlice[] _slices =
    [
        new("Video", 420), new("Photos", 260), new("Documents", 150), new("Music", 110),
        new("Apps", 90), new("Mail", 45), new("Other", 25)
    ];
}

Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.

Teil von RayCraft Complete.

Alle Steuerelemente ยท Dokumentation