ラジアルバーチャートRadialBarChartExperimental
進捗・比率・容量を同心円のバーで比較するチャートです。
プレビュー
状態とバリエーション
標準表示
標準サイズでラジアル値を比較します。
64%平均
凡例付き
リング下にラベルと値を表示します。
64%平均
サイト78
市場64
購入49
コンパクト
狭いカード向けのコンパクトサイズです。
64%
太いバー
視認性を高めるためバーを太くします。
サイト78
市場64
購入49
プロパティ
表は横にスクロールできます
| プロパティ | 型 | 初期値 | 説明 |
|---|---|---|---|
| data | ChartDataPoint[] | - | 同心円バーとして表示する系列値です。 |
| variant | "default" | "compact" | "default" | チャートサイズを切り替える SSOT 登録済みバリエーションです。 |
| centerValue / centerLabel | ReactNode | - | 中央に表示する任意の概要テキストです。 |
使い方
Loading...