Naar de inhoud
GRAFIEKEN · COMPLETE

HeatmapChart

Onthul patronen in een tabel met getallen via kleur.

Onthul patronen in een tabel met getallen via kleurintensiteit, zo gekozen dat het contrast in elk thema behouden blijft.

Waarom het helpt

  • Intensiteit als kleur
  • Contrast behouden
  • Compact

Waar het past

  • Activiteit per uur
  • Correlatietabellen
  • Foutpercentages
Het besturingselement HeatmapChart op een RayCraft-pagina

Voorbeeld

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

Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.

Onderdeel van RayCraft Complete.

Alle besturingselementen ยท Documentatie