Aller au contenu
GRAPHIQUES · COMPLETE

BarChart

Comparez clairement des valeurs avec des barres verticales ou horizontales, groupées ou empilées.

Comparez clairement des valeurs avec des barres verticales ou horizontales, groupées ou empilées, avec valeurs négatives prises en charge.

Pourquoi c’est utile

  • Verticales ou horizontales
  • Groupées ou empilées
  • Clic sur les barres

Où il trouve sa place

  • Ventes par trimestre
  • Comparaison de catégories
  • Réponses d’enquête
Le contrôle BarChart dans une page RayCraft

Exemple

<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 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