Naar de inhoud
GRAFIEKEN · COMPLETE

BulletChart

Toon voortgang ten opzichte van een doel op heel weinig ruimte.

Toon voortgang ten opzichte van een doel op heel weinig ruimte, met kwalitatieve bereiken en een doelmarkering.

Waarom het helpt

  • Compacte voortgang
  • Bereiken en doel
  • Veel in één weergave

Waar het past

  • Kengetallen
  • Quota
  • Budgetten
Het besturingselement BulletChart op een RayCraft-pagina

Voorbeeld

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

Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.

Onderdeel van RayCraft Complete.

Alle besturingselementen ยท Documentatie