Serendie Design System

AboutGet StartedFoundationsComponents
© Mitsubishi Electric Corporation

Chartチャート

データビジュアライゼーションのためのチャートコンポーネントです。円グラフ、棒グラフ、折れ線グラフなどをサポートし、データの視覚化を容易にします。

更新 2025/7/28

Pie Chart

usePieChartPropsフックを使用することで、円グラフを作成できます。データの割合や構成比を視覚的に表現する際に使用します。

Line Chart

useLineChartPropsフックを使用することで、時系列データなどを表現する線グラフを作成できます。複数のデータ系列を同時に表示することも可能です。

Bar Chart

useBarChartPropsフックを使用することで、棒グラフを作成できます。縦棒グラフと横棒グラフの両方に対応しています。

Vertical Bar Chart

Horizontal Bar Chart

Piled Bar Chart

複数のセグメントを積み上げて構成比を表現する、積み上げ棒グラフを作成できます。カテゴリー内の内訳を視覚化する際に使用します。