WaterfallChart

Förklara hur ökningar och minskningar summeras till en total, med färger som av tillgänglighetsskäl också går att skilja åt via tecknet.

Varför det hjälper

• Löpande summa
• Ökningar och minskningar
• Summor

Var det passar

• Resultaträkning
• Budgetändringar
• Lager

Exempel

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

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Del av RayCraft Complete.

Alla kontroller · Dokumentation