Saltar al contenido
GRÁFICOS · COMPLETE

ComboChart

Combina barras y líneas en ejes compartidos para contar una sola historia.

Combina barras y líneas en ejes compartidos para contar una sola historia, como volumen y una tasa.

Por qué ayuda

  • Barras y líneas juntas
  • Ejes compartidos
  • Marca una serie como línea

Dónde encaja

  • Ingresos y margen
  • Pedidos y conversión
  • Presupuesto y real
El control ComboChart en una página de RayCraft

Ejemplo

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

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