Aller au contenu
GRAPHIQUES · COMPLETE

WaterfallChart

Expliquez comment hausses et baisses s’additionnent en un total.

Expliquez comment hausses et baisses s’additionnent en un total, avec des couleurs aussi distinguées par le signe pour l’accessibilité.

Pourquoi c’est utile

  • Total cumulé
  • Hausses et baisses
  • Totaux

Où il trouve sa place

  • Pertes et profits
  • Variations de budget
  • Stocks
Le contrôle WaterfallChart dans une page RayCraft

Exemple

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

Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.

Fait partie de RayCraft Complete.

Tous les contrôles ยท Documentation