Docs / Distribution

Heatmap

Pro

A grid of cells colored by value — ideal for activity and density data.

Illustration — rendered output uses live data.

Example

blade 
<chart:heatmap
    :categories="['Mon', 'Tue', 'Wed']"
    :rows="['AM', 'PM']"
    :series="[[0,0,5], [1,0,7], [2,0,3], [0,1,9], [1,1,2], [2,1,8]]"
    :max="10"
/>

Props

Prop Type Default Description
categories array [] x-axis labels.
rows array [] y-axis labels.
series array [] [x-index, y-index, value] cells.
max int 10 Value mapped to the most intense color.

Plus the common props (height, theme, model, class).

This is a Pro component

Unlock it and every other Pro chart with a one-time license.

Get WireCharts Pro
Next Candlestick →