Saltar al contenido
GRÁFICOS · COMPLETE

BarChart

Compara valores con claridad con barras verticales u horizontales, agrupadas o apiladas.

Compara valores con claridad con barras verticales u horizontales, agrupadas o apiladas, con valores negativos admitidos.

Por qué ayuda

  • Vertical u horizontal
  • Agrupadas o apiladas
  • Clic en las barras

Dónde encaja

  • Ventas por trimestre
  • Comparación de categorías
  • Respuestas de encuestas
El control BarChart en una página de RayCraft

Ejemplo

<BarChart Label="Revenue by quarter" Categories="_quarters" Series="_series" ShowDataLabels="true" Trend="ChartTrend.MovingAverage" TrendPeriod="2" ShowExport="true" />

@code {
    private readonly string[] _quarters = ["Q1", "Q2", "Q3", "Q4", "Q1", "Q2", "Q3", "Q4"];

    private readonly ChartSeries[] _series =
    [
        new("Revenue", [120, 135, 128, 160, 172, 181, 177, 205])
    ];
}

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