§01-25Data Visualization
Bullet chart
実績と目標、評価帯を一本の軸に重ねて示す。
目標に対する達成度を狭い幅で正確に伝えられる。KPI の一覧やレポートで、ゲージより場所を取らずに複数指標を並べたいときに使う。
実装のポイント
背景の濃淡で評価帯、太い実績バー、細い縦線の目標値を 1 本の軸に重ねる。実績値と目標値は数値でも併記し、色だけで読ませない。
- 特徴
- チャート
- CSS のみ
§01-25Data Visualization
実績と目標、評価帯を一本の軸に重ねて示す。
目標に対する達成度を狭い幅で正確に伝えられる。KPI の一覧やレポートで、ゲージより場所を取らずに複数指標を並べたいときに使う。
背景の濃淡で評価帯、太い実績バー、細い縦線の目標値を 1 本の軸に重ねる。実績値と目標値は数値でも併記し、色だけで読ませない。