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

PieChart

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

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

Защо помага

  • Кръгова или пръстеновидна
  • Превключване от легендата
  • Клик върху дялове

Къде пасва

  • Източници на трафик
  • Разпределение на бюджет
  • Дялове
Контролата PieChart в страница на RayCraft

Пример

<Stack Spacing="6">
    <PieChart Label="Devices" Slices="_slices" ShowDataLabels="true" ShowExport="true" />
    <PieChart Label="Devices (donut)" Slices="_slices" Donut="true" ShowDataLabels="true" CenterText="2026" />
</Stack>

@code {
    private readonly ChartSlice[] _slices = [new("Desktop", 64), new("Phone", 19), new("Tablet", 5), new("TV", 3), new("Other", 9)];
}

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

Част от RayCraft Complete.

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