Sparkline
fandhe-frontend-pre-styled-ui の sparkline mod が提供するスタイル済み Sparkline 部品です。
Demo
ラベル・軸なしの小さな面 + 線チャートです。単一系列専用（`&[f64]`）で、複数系列は LineChart/AreaChart を使います。
Features
- 軸・ラベルなしの縮小チャート。単一系列専用（&[f64]）で複数系列は LineChart/AreaChart を使う
- 既定 viewBox は 112×48（chakra w={28} h={12} トークン相当）
Anatomy
root
plot
series-area
series-lineAPI Reference
Arguments
| Name | Type | Default | Description |
|---|---|---|---|
| values | &[f64] | （必須） | 描画する単一系列の値列。 |
| aria_label | &str | （必須） | svg 要素の aria-label。 |
| size | Size | Md | root の CSS 表示高さを切替える寸法 variant。 |
CSS Variables
| Variable | Default |
|---|---|
| --fandhe-sparkline-height | auto |
Examples
週次トレンド
4 点の値列を軸なしの縮小チャートで表示します。