Aller au contenu
GRAPHIQUES · COMPLETE

BulletChart

Montrez la progression vers un objectif dans très peu d’espace.

Montrez la progression vers un objectif dans très peu d’espace, avec des plages qualitatives et un repère d’objectif.

Pourquoi c’est utile

  • Progression compacte
  • Plages et objectif
  • Plusieurs dans une vue

Où il trouve sa place

  • Indicateurs
  • Quotas
  • Budgets
Le contrôle BulletChart dans une page RayCraft

Exemple

<BulletChart Label="Quarterly targets" ShowDataLabels="true" Items="_items" />

@code {
    private readonly BulletItem[] _items =
    [
        new("Revenue", 270, 250, 300, [150, 225, 300]),
        new("Profit", 23, 26, 40, [20, 30, 40]),
        new("New customers", 1450, 1600, 2000, [1000, 1500, 2000]),
        new("Satisfaction", 3.9, 4.4, 5, [3, 4, 5])
    ];
}

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