數字配年份條 <YearBars />

左邊 1–2 個大數字（單位上標），右邊 3–7 條按年份排的細橫條，最新一年用強調色。為雙年展風格設計，其他風格也能用。

分組: 資料 · 兩個大數字配按年份的細條
元件: YearBars · #year-bars

適合

一個指標逐年成長，再配一兩個結論數字
年度回顧、參觀人數、營收

不適合

要比較多個系列：用 LineChart
年份超過 7 個：用 LineChart

內容上限

1	stats 1–2 個：value ≤ 5 字元，unit ≤ 3，label ≤ 12 字，body ≤ 24 字
2	bars 3–7 條，從早到晚
3	頁標題 ≤ 22 字
4	必須有 source

欄位

欄位	型別
`kicker` · 必填	`string`	小節名
`title` · 必填	`string \| string[]`	標題
`lead`	`string`	導語
`stats` · 必填	`{ value, unit?, label, body? }[]`	大數字
`bars` · 必填	`{ year, value }[]`	年份條
`format`	`(v: number) => string`	條末數字格式
`source`	`string`	出處

範例程式碼

<YearBars
  kicker="全球太陽能發電"
  title="十年漲到約 11 倍"
  stats={[{ value: '2,779', unit: 'TWh', label: '2025 年發電量' }]}
  bars={[{ year: '2015', value: 256 }, …]}
  source="…"
/>