Hopp til innholdet
DIAGRAMMER · COMPLETE

HeatmapChart

Avslør mønstre i en tabell med tall gjennom farge.

Avslør mønstre i en tabell med tall gjennom fargeintensitet, valgt for å bevare kontrasten i hvert tema.

Hvorfor det hjelper

  • Intensitet som farge
  • Kontrast bevart
  • Kompakt

Hvor det passer

  • Aktivitet per time
  • Korrelasjonstabeller
  • Feilfrekvenser
Kontrollen HeatmapChart på en RayCraft-side

Eksempel

<HeatmapChart Label="Visits by weekday and period" Rows="_rows" Columns="_columns" Data="_data" />

@code {
    private readonly string[] _rows = ["Mon", "Tue", "Wed", "Thu", "Fri"];
    private readonly string[] _columns = ["Morning", "Noon", "Afternoon", "Evening"];

    private readonly double[][] _data =
    [
        [12, 30, 25, 8],
        [15, 34, 28, 10],
        [18, 40, 33, 14],
        [14, 36, 30, 20],
        [10, 28, 35, 42]
    ];
}

Et kort utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Del av RayCraft Complete.

Alle kontroller ยท Dokumentasjon