Skip to content
CHARTS · COMPLETE

ScatterChart

Reveal relationships between two numbers.

Reveal relationships between two numbers with points on two numeric axes.

Why it helps

  • Two numeric axes
  • Clickable legend
  • Data table for screen readers

Where it fits

  • Correlations
  • Measurements
  • Clusters

Example

<ScatterChart Label="Height and weight" XLabel="Height (cm)" YLabel="Weight (kg)" Series="_series" ValueFormat="#,0.#" />

@code {
    private readonly ScatterSeries[] _series =
    [
        new("Group A", [new(160, 55), new(165, 60), new(170, 66), new(175, 72), new(180, 78), new(185, 84)]),
        new("Group B", [new(158, 62), new(164, 70), new(169, 74), new(173, 83), new(178, 88), new(183, 95)])
    ];
}

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Part of RayCraft Complete.

All controls ยท Documentation