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

BubbleChart

Добавете трето измерение към точкова диаграма: по-големи балони за по-големи стойности.

Добавете трето измерение към точкова диаграма: размерът на всеки маркер следва стойност за размер.

Защо помага

  • Три стойности в една диаграма
  • Размер на маркера
  • Ясни закономерности

Къде пасва

  • Пазарни карти
  • Портфолио изгледи
  • Продажби срещу марж
Контролата BubbleChart в страница на RayCraft

Пример

<BubbleChart Zoomable="true" Label="Countries" XLabel="GDP per person (k$)" YLabel="Life expectancy" SizeLabel="Population (M)" Series="_series" ValueFormat="#,0.#" />

@code {
    private readonly BubbleSeries[] _series =
    [
        new("Europe", [new(52, 82, 83), new(45, 81, 67), new(38, 83, 47), new(25, 77, 38), new(18, 75, 10)]),
        new("Asia", [new(12, 77, 1400), new(8, 70, 1380), new(40, 84, 125), new(33, 83, 52)]),
        new("Africa", [new(6, 66, 210), new(5, 63, 120), new(15, 74, 60)])
    ];
}

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

Част от RayCraft Complete.

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