本文へ移動

§01-25Data Visualization

Bullet chart

実績と目標、評価帯を一本の軸に重ねて示す。

目標に対する達成度を狭い幅で正確に伝えられる。KPI の一覧やレポートで、ゲージより場所を取らずに複数指標を並べたいときに使う。

実装のポイント

背景の濃淡で評価帯、太い実績バー、細い縦線の目標値を 1 本の軸に重ねる。実績値と目標値は数値でも併記し、色だけで読ませない。

特徴
  • チャート
  • CSS のみ