構成比・割合Stacked Bar Chart難易度: 普通
積層棒グラフ
一言でわかる可視化ポイント
全体の合計値の推移と、その内訳(商品別・チャネル別)を同時に追う
各棒の中に複数の区分を積み重ねて表示します。「全体量は増えているか?」と「その中でどの要素が増えているか?」を同時に分析できるお得なグラフです。
インタラクティブプレビュー
※マウスホバーやクリックでアニメーションや数値の変化を確認できます。
おすすめHTML/CSSカラーパレットサンプル
ダッシュボードの視認性を高めるためのカラーコード例です。グラフで最も伝えたい要素にイエローなどのアクセントカラーを割り当て、比較対象にはダークカラーを使用します。
要素A
主要チャネル(例:EC)
#FACC15HEX
要素B
第2チャネル(例:店舗)
#38BDF8HEX
要素C
第3チャネル(例:卸売)
#A855F7HEX
こんな可視化に向いている(GOOD)
- 月別全社売上推移と、その中の「店舗・EC・卸売」の内訳
- 年度別従業員数推移と、「正社員・契約社員・パート」の内訳
やってはいけないNGパターン(BAD)
- 積み重ねる項目が7個以上あり、上の段の数値変化が目視で読み取れなくなる状態
標準機能で対応しているおすすめBIツール
Looker StudioPower BIMetabaseRedash
Looker StudioからRetoolまで!BIツール比較ガイドを読む