円グラフPieChart
Experimental

セグメントの構成比を比較する円グラフです。

プレビュー

データ

状態とバリエーション

標準表示

構成比を標準サイズで表示します。

凡例付き

ラベルと値を円グラフ下で確認します。

基盤46%
成長28%
継続18%
拡張8%

コンパクト

狭い領域向けの SSOT 登録済みサイズです。

基盤46%
成長28%
継続18%
拡張8%

セグメント多め

区分が多い時の見え方を確認します。

検索34%
SNS22%
メール16%
広告12%
その他16%

プロパティ

表は横にスクロールできます
プロパティ初期値説明
segments{ label?: ReactNode; value: number; color?: ChartColor }[]-円全体の比率として表示するセグメントです。
variant"default" | "compact""default"チャートサイズを切り替える SSOT 登録済みバリエーションです。
showLegendbooleanfalse円グラフの下にチャート凡例を表示します。

使い方

Loading...