スパークラインSparklineChartExperimental
密度の高いカード向けの小さな線・面・ステップチャートです。
プレビュー
状態とバリエーション
線表示
密度の高いカードで使うシンプルな傾向線です。
面表示
塗りを加えて傾向を強調します。
ステップ
段階的な変化やしきい値の推移に使います。
基準線
目標値や平均値を点線で表示します。
プロパティ
表は横にスクロールできます
| プロパティ | 型 | 初期値 | 説明 |
|---|---|---|---|
| data | Array<number | { label?: ReactNode; value: number }> | - | コンパクトなチャート幅に表示する数値トレンドです。 |
| variant | "line" | "area" | "step" | "line" | 線・面・ステップを切り替える SSOT 登録済みバリエーションです。 |
| referenceValue | number | - | 任意の点線基準値です。 |
使い方
Loading...