Ir para o conteúdo
GRÁFICOS · COMPLETE

TreemapChart

Mostre proporções como retângulos: quanto maior o valor, maior a área.

Mostre proporções como retângulos cujas áreas seguem os valores.

Por que ajuda

  • Área igual ao valor
  • Hierarquias
  • Compacto

Onde se encaixa

  • Uso de disco
  • Orçamentos
  • Portfólios
O controle TreemapChart em uma página do RayCraft

Exemplo

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

Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.

Faz parte do RayCraft Complete.

Todos os controles ยท Documentação