Installation
$ pnpm dlx shadcn@latest add @chartcn/pixijs/heatmap
Usage
import { ChartcnHeatmap } from "@/components/chart/pixijs/heatmap";<ChartcnHeatmap config={chartConfig} data={data}>
<ChartcnHeatmap.XAxis />
<ChartcnHeatmap.YAxis />
<ChartcnHeatmap.Legend />
<ChartcnHeatmap.Tooltip />
<ChartcnHeatmap.Heatmap colormap="viridis" />
</ChartcnHeatmap>Examples
Cell gaps and colormaps
Inferno cells
API Reference
Heatmap
| Prop | Type | Default |
|---|---|---|
colormap | "viridis" | "plasma" | "inferno" | "magma" | "grayscale" | "viridis" |
cellGapPx | number | 0 |
opacity | number | 1 |
zMin | number | automatic |
zMax | number | automatic |