Saltar al contenido
GRÁFICOS · COMPLETE

WaterfallChart

Explica cómo aumentos y disminuciones suman un total.

Explica cómo aumentos y disminuciones suman un total, con colores que también se distinguen por el signo por accesibilidad.

Por qué ayuda

  • Total acumulado
  • Aumentos y disminuciones
  • Totales

Dónde encaja

  • Pérdidas y ganancias
  • Cambios de presupuesto
  • Inventario
El control WaterfallChart en una página de RayCraft

Ejemplo

<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 breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.

Forma parte de RayCraft Complete.

Todos los controles ยท Documentación