Weekly bars — usage
A metric by week where the bar length is honest (from zero) against a recommended band. React WeeklyBars (apps/web/src/components/sales-reports/charts/WeeklyBars.tsx), CSS coach-report.css.
When to use
- Weekly values of one coaching metric with a band and an optional team line.
When not to use
- A continuous course within one meeting — use conversation-timeline. One number against a band over weeks without bars — trend-band.
Anatomy
- Props:
labels,values(null= week without data),team,band,statusOf(v),format,bandLabel,summary. - Band zone
is-max/is-min/is-both, a gradient from the recommendation edge. In band--goal-in, out--ic-amber, no goal--accent. - First and last week labelled permanently, others on hover. A week without data is an empty slot, never 0; the team line breaks on it, a lone week is a short tick. A gap is never bridged and never drawn as a false zero.
- No data at all: do not draw an empty chart — show one quiet line („zatím bez dat“) instead.