Heatmap

Stunde nach Wochentag auf einer fünfstufigen Skala von der Fläche bis Reihe 1; nie ein Regenbogen.

Mon

Tue

Wed

Thu

Fri

Sat

Sun

import { Heatmap } from "@logicplanes/kaeso-ui";

Props

aria-label
string
Der zugängliche Name des Diagramms („Anfragen nach Modell“).
columnLabelEvery
number = 3
Beschriftet jede n-te Spalte, beginnend mit der ersten (standardmäßig 3), damit dichte Spalten lesbar bleiben.
columns
string[]
Die Spaltenbeschriftungen, von links nach rechts (Stunden oder Wochen).
formatValue
((v: number) => string) = (v) => formatNumber(v)
Formatiert den Wert einer Zelle für ihren Tooltip und für Screenreader. Standard ist formatNumber.
rows
string[]
Die Zeilenbeschriftungen, von oben nach unten (Wochentage).
values
number[][]
Die Werte nach Zeile, dann Spalte: values[row][column]. Die dunkelste Stufe ist der größte Wert.