fix: heatmap colouring based on max value

This commit is contained in:
2026-01-28 19:00:05 +00:00
parent 1466b05bde
commit 855546677f

View File

@@ -44,6 +44,12 @@ const convertWeeklyData = (dataset: ApiRow[]): ChartSeries[] => {
const ActivityHeatmap = ({ data }: ActivityHeatmapProps) => { const ActivityHeatmap = ({ data }: ActivityHeatmapProps) => {
const convertedData = convertWeeklyData(data); const convertedData = convertWeeklyData(data);
const maxValue = Math.max(
...convertedData.flatMap(day =>
day.data.map(point => point.y)
)
);
return ( return (
<ResponsiveHeatMap /* or HeatMap for fixed dimensions */ <ResponsiveHeatMap /* or HeatMap for fixed dimensions */
data={convertedData} data={convertedData}
@@ -56,7 +62,7 @@ const ActivityHeatmap = ({ data }: ActivityHeatmapProps) => {
scheme: 'red_yellow_blue', scheme: 'red_yellow_blue',
divergeAt: 0.3, divergeAt: 0.3,
minValue: 0, minValue: 0,
maxValue: 20 maxValue: maxValue
}} }}
/> />
) )