BulletChart

Visa framsteg mot ett mål på mycket liten yta, med kvalitativa intervall och en målmarkering.

Varför det hjälper

• Kompakt framsteg
• Intervall och mål
• Många i en vy

Var det passar

• Nyckeltal
• Kvoter
• Budgetar

Exempel

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

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Del av RayCraft Complete.

Alla kontroller · Dokumentation