Voeg een derde dimensie toe aan een spreidingsdiagram: de grootte van elke markering volgt een grootte-waarde.
Waarom het helpt
- Drie waarden in één grafiek
- Markeringsgrootte
- Duidelijke patronen
Waar het past
- Marktkaarten
- Portfolioweergaven
- Omzet versus marge
Voorbeeld
<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)])
];
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Onderdeel van RayCraft Complete.