Ir para o conteúdo
GRÁFICOS · COMPLETE

WaterfallChart

Explique como aumentos e reduções se somam em um total.

Explique como aumentos e reduções se somam em um total, com cores que também se distinguem pelo sinal, por acessibilidade.

Por que ajuda

  • Total acumulado
  • Aumentos e reduções
  • Totais

Onde se encaixa

  • Lucros e perdas
  • Mudanças de orçamento
  • Estoque
O controle WaterfallChart em uma página do RayCraft

Exemplo

<WaterfallChart Zoomable="true" Label="Profit bridge" Items="_items" ValueFormat="#,0" />

@code {
    private readonly WaterfallItem[] _items =
    [
        new("Revenue", 520),
        new("Cost of goods", -210),
        new("Salaries", -140),
        new("Marketing", -45),
        new("Subtotal", 0, true),
        new("Other income", 30),
        new("Taxes", -38),
        new("Net profit", 0, true)
    ];
}

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