Hoppa till innehållet
DIAGRAM · COMPLETE

ScatterChart

Avslöja samband mellan två tal.

Avslöja samband mellan två tal med punkter på två numeriska axlar.

Varför det hjälper

  • Två numeriska axlar
  • Klickbar teckenförklaring
  • Datatabell för skärmläsare

Var det passar

  • Korrelationer
  • Mätningar
  • Kluster
Kontrollen ScatterChart på en RayCraft-sida

Exempel

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

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Del av RayCraft Complete.

Alla kontroller ยท Dokumentation