RayCraftDocs
v1.0.3 raycraft.dev
On this page

CalendarHeatmap

Complete

A year of days as small squares, one column per week, darker where the value is higher. Hover for the value of a day.

Example

CalendarHeatmap control

Parameters

ParameterTypeDescription
ClassstringExtra CSS classes added to the root element.
DaysIEnumerable<HeatDay>The days and their values.
FromDateTime?
HeightDoubleMaximum height of the grid body, for example 24rem (default 28rem with VirtualScroll).
LabelstringVisible label text (charts: accessible name; IconButton: accessible name and tooltip).
ShowDataLabelsboolWrites the value on each mark (bars, line points, pie slices).
ShowExportboolAdds buttons that save the chart as a PNG or SVG image.
ShowLegendboolShows the clickable legend.
StylestringInline style added to the root element.
ToDateTime?
ValueFormatstringNumber format for axis and tooltips, e.g. N0 or P1.
WidthDoubleSkeleton: any CSS length. Charts: drawing width in SVG units (the chart still scales to its container).

Package

CalendarHeatmap is part of RayCraft Complete. Package: RayCraft.Blazor.Complete. It comes from the private RayCraft feed and needs an active license. See Getting started.