Aller au contenu
GRAPHIQUES · COMPLETE

TreemapChart

Montrez des proportions sous forme de rectangles : plus la valeur est grande, plus l’aire l’est aussi.

Montrez des proportions sous forme de rectangles dont les aires suivent les valeurs.

Pourquoi c’est utile

  • L’aire égale la valeur
  • Hiérarchies
  • Compact

Où il trouve sa place

  • Utilisation du disque
  • Budgets
  • Portefeuilles
Le contrôle TreemapChart dans une page RayCraft

Exemple

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

Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.

Fait partie de RayCraft Complete.

Tous les contrôles ยท Documentation