Ir para o conteúdo
GRÁFICOS · COMPLETE

BarChart

Compare valores com clareza com barras verticais ou horizontais, agrupadas ou empilhadas.

Compare valores com clareza com barras verticais ou horizontais, agrupadas ou empilhadas, com valores negativos aceitos.

Por que ajuda

  • Vertical ou horizontal
  • Agrupadas ou empilhadas
  • Clique nas barras

Onde se encaixa

  • Vendas por trimestre
  • Comparação de categorias
  • Respostas de pesquisas
O controle BarChart em uma página do RayCraft

Exemplo

<BarChart Label="Revenue by quarter" Categories="_quarters" Series="_series" ShowDataLabels="true" Trend="ChartTrend.MovingAverage" TrendPeriod="2" ShowExport="true" />

@code {
    private readonly string[] _quarters = ["Q1", "Q2", "Q3", "Q4", "Q1", "Q2", "Q3", "Q4"];

    private readonly ChartSeries[] _series =
    [
        new("Revenue", [120, 135, 128, 160, 172, 181, 177, 205])
    ];
}

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