Chart
応募数や閲覧数などの数値データをグラフで可視化するコンポーネント。recharts をラップし、ChartConfig でラベルと色を一元管理して --color-* CSS 変数として参照できる。ジョブアンテナでは管理画面ダッシュボードの月別応募数や求人票の閲覧数推移の表示に使う。
基本
BarChart による月別の応募数・採用数の比較。ChartConfig で定義した色を fill の var(--color-*) で参照する。recharts 3.8.0 のバグで初期アニメーション中に棒が描画されないため、Bar には必ず isAnimationActive={false} を付ける。
チャネル別積み上げ
stackId を揃えて応募チャネル(検索経由・いいかも経由・フォロー経由)の内訳を積み上げ表示する例。合計の推移と内訳の割合を同時に見せたいときに使う。角丸は最上段の Bar だけに付ける。
閲覧数の推移カード
KPI カードに小さな AreaChart を組み合わせた例。管理画面ダッシュボードで累計値と直近の推移をひと目で伝える。