Naar de inhoud
GRAFIEKEN · COMPLETE

TreemapChart

Toon verhoudingen als rechthoeken: hoe groter de waarde, hoe groter het vlak.

Toon verhoudingen als rechthoeken waarvan de oppervlaktes de waarden volgen.

Waarom het helpt

  • Oppervlakte is waarde
  • Hiërarchieën
  • Compact

Waar het past

  • Schijfgebruik
  • Budgetten
  • Portfolio's
Het besturingselement TreemapChart op een RayCraft-pagina

Voorbeeld

<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)
    ];
}

Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.

Onderdeel van RayCraft Complete.

Alle besturingselementen ยท Documentatie