Show progress against a target in very little space, with qualitative ranges and a target mark.
Why it helps
- Compact progress
- Ranges and target
- Many in one view
Where it fits
- KPIs
- Quotas
- Budgets
Example
<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])
];
}A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.
Part of RayCraft Complete.