Zum Inhalt springen
DIAGRAMME · COMPLETE

ScatterChart

Zusammenhänge zwischen zwei Zahlen sichtbar machen.

Machen Sie Zusammenhänge zwischen zwei Zahlen mit Punkten auf zwei numerischen Achsen sichtbar.

Warum es hilft

  • Zwei numerische Achsen
  • Anklickbare Legende
  • Datentabelle für Screenreader

Wo es passt

  • Korrelationen
  • Messungen
  • Cluster
Das Steuerelement ScatterChart auf einer RayCraft-Seite

Beispiel

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

Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.

Teil von RayCraft Complete.

Alle Steuerelemente ยท Dokumentation