Към съдържанието
ГРАФИКИ · COMPLETE

BulletChart

Покажете напредъка спрямо цел на съвсем малко място.

Покажете напредъка спрямо цел на съвсем малко място, с качествени диапазони и маркер за целта.

Защо помага

  • Компактен напредък
  • Диапазони и цел
  • Много в един изглед

Къде пасва

  • Показатели
  • Квоти
  • Бюджети
Контролата BulletChart в страница на RayCraft

Пример

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

Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.

Част от RayCraft Complete.

Всички контроли ยท Документация