Chart

Heatmap

Web supportediOS supportedAndroid supported

Map values across a two-dimensional grid.

ECharts heatmap series · View source

Use it to find clusters and patterns in a matrix.

Configuration

Keys accepted inside zyplot(z => ({...})). Required keys are marked with an asterisk.

NameTypeDefaultDescription
cells*ChartHeatmapCell[]—Cells addressed by row and column index.
columns*string[]—Column labels.
rows*string[]—Row labels.
formatChartNumberFormat—Number prefix, suffix, decimals, and locale.
axisChartAxes{ x: true, y: true }Show or hide each axis.
xAxisNativeChartAxisOptions—Horizontal scale, domain, ticks, grid, and labels.
yAxisNativeChartAxisOptions—Vertical scale, domain, ticks, grid, and labels.
heightnumber240 web / 320 nativeChart height in pixels or native points.
isLoadingbooleanfalseShows the built-in placeholder while data loads.
themeChartTheme—Colors and typography for this chart.