RayCraftDocs
v1.0.3 raycraft.dev
On this page

HeatmapChart

Complete

Grid of cells whose intensity shows the value. Text and intensity are chosen to keep the contrast in both themes.

Example

HeatmapChart control

Parameters

ParameterTypeDescription
ClassstringExtra CSS classes added to the root element.
ColumnsIEnumerable<string>Column labels.
DataIReadOnlyList<IReadOnlyList<Double>>The numbers: one list per row.
HeightDoubleMaximum height of the grid body, for example 24rem (default 28rem with VirtualScroll).
LabelstringVisible label text (charts: accessible name; IconButton: accessible name and tooltip).
RowsIEnumerable<string>Row labels.
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.
ShowValuesboolWrites the value inside every cell (default true).
StylestringInline style added to the root element.
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

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