Zum Inhalt springen
DIAGRAMME · COMPLETE

WaterfallChart

Erklären, wie sich Zu- und Abnahmen zu einer Summe addieren.

Erklären Sie, wie sich Zunahmen und Abnahmen zu einer Summe addieren, mit Farben, die zur Barrierefreiheit auch am Vorzeichen unterscheidbar sind.

Warum es hilft

  • Laufende Summe
  • Zunahmen und Abnahmen
  • Summen

Wo es passt

  • Gewinn und Verlust
  • Budgetänderungen
  • Bestand
Das Steuerelement WaterfallChart auf einer RayCraft-Seite

Beispiel

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

Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.

Teil von RayCraft Complete.

Alle Steuerelemente ยท Dokumentation