ComboChart

Combine barras e linhas em eixos compartilhados para contar uma só história, como volume e uma taxa.

Por que ajuda

• Barras e linhas juntas
• Eixos compartilhados
• Marque uma série como linha

Onde se encaixa

• Receita e margem
• Pedidos e conversão
• Orçado e realizado

Exemplo

<ComboChart Label="Revenue and target" Categories="_months" Series="_series" ValueFormat="N0" />

@code {
    private readonly string[] _months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"];

    private readonly ChartSeries[] _series =
    [
        new("Revenue", [120, 150, 135, 170, 190, 210]),
        new("Costs", [90, 95, 100, 110, 115, 120]),
        new("Target", [130, 140, 150, 160, 170, 180]) { AsLine = 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