brut/bincio-activity
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

ActivityCharts: extend reference lines to HR; use high-contrast label styling

Browse Source
This commit is contained in:
Davide Scaini
2026-05-12 23:29:09 +02:00
parent 3231fdb4b7
commit 1298586a74
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/components/ActivityCharts.svelte
+4 -3
View File
@@ -147,9 +147,9 @@
}; };
} }
// ── Reference lines (avg, P20, P80) — speed, cadence, and power ──────── // ── Reference lines (avg, P20, P80) — speed, cadence, power, hr ────────
function refStats(tab: Tab, vals: number[]) { function refStats(tab: Tab, vals: number[]) {
if (tab !== 'speed' && tab !== 'cadence' && tab !== 'power') return null; if (tab !== 'speed' && tab !== 'cadence' && tab !== 'power' && tab !== 'hr') return null;
const moving = vals.filter(v => v > 0); const moving = vals.filter(v => v > 0);
if (moving.length < 5) return null; if (moving.length < 5) return null;
const avg = moving.reduce((a, b) => a + b, 0) / moving.length; const avg = moving.reduce((a, b) => a + b, 0) / moving.length;
@@ -236,7 +236,8 @@
{ xv: xEnd, yv: ref.p20, label: `P20 ${Math.round(ref.p20)}` }, { xv: xEnd, yv: ref.p20, label: `P20 ${Math.round(ref.p20)}` },
{ xv: xEnd, yv: ref.p80, label: `P80 ${Math.round(ref.p80)}` }, { xv: xEnd, yv: ref.p80, label: `P80 ${Math.round(ref.p80)}` },
], ],
{ x: 'xv', y: 'yv', text: 'label', textAnchor: 'end', dx: -4, dy: -6, fill: tc.axis, fontSize: 10 }, { x: 'xv', y: 'yv', text: 'label', textAnchor: 'end', dx: -4, dy: -6,
fill: tc.tooltipFg, stroke: tc.tooltipBg, strokeWidth: 3, fontSize: 11 },
), ),
); );
} }