FREEブラウザで作成 · 無料 · 登録不要

積み上げ棒グラフ作成

合計と内訳を同時に見せる。売上の内訳推移、構成の時系列変化を一枚で。

ブラウザ完結 PNG / SVG / CSV 出力 スマホ対応
プレビュー
長押しで画像保存
サンプルから始める
データを入力

1列目がカテゴリ、2列目以降が積み上げる系列。

見た目を調整

積み上げ棒グラフとは

積み上げ棒グラフ(Stacked Bar Chart)は、1本の棒を複数の系列に分割して積み上げたグラフ。「合計」と「内訳」を同時に比較できるため、ビジネス資料で非常によく使われます。

通常の棒グラフとの違い

棒グラフが系列ごとに横に並べて比較するのに対し、積み上げは系列を縦に積んで合計と内訳を両方見せます。

こんなときに使う

月次売上の商品別内訳
月ごとの合計と、どの商品が寄与しているかを同時に示す。
部門別の経費構成
部門ごとの経費総額と人件費・広告費などの内訳。
チャネル別の訪問数
日別訪問数を検索・SNS・直接などに分解。
アンケート回答の構成
質問ごとに「満足・普通・不満」の割合を並べる。

作り方のコツ

1. 系列の順番を意図的に決める

下から「重要度順」「額の大きい順」「時系列順」など、一貫したルールで積み上げると読みやすくなります。最も比較したい系列を一番下(底)に置くのが鉄則です。

2. 系列数は3〜5個を目安にする

6系列を超えると、どの系列がどれか識別しづらくなります。細かい項目は「その他」にまとめましょう。

3. 色にはカテゴリの意味を持たせる

「売上=青系」「コスト=赤系」のように、色に意味を持たせると直感的に読めます。

4. 合計の差を強調したいときは通常の棒グラフを使う

内訳が重要ではなく、合計の比較だけが目的なら、通常の棒グラフの方が読みやすい場合があります。

よくある質問

はい、「見た目を調整」内の「100%積み上げ」をオンにすると、各棒の合計を100%として構成比表示に切り替わります。元データはそのままで表示モードだけが変わります。
技術的な上限はありませんが、見やすさの観点から5〜6系列までを推奨します。それ以上は配色で区別しづらくなります。
横向きで積み上げたい場合は、専用の積み上げ横棒グラフをご利用ください。100%積み上げ(リッカート式)の表示にも対応しています。
「凡例の数値表示」を「値」「割合」「両方」に切り替えると、各系列の合計を凡例に表示できます。グラフにカーソルを乗せると各セグメントの値・全体に対する割合をツールチップで確認できます。配色プリセットによっては数字とのコントラストを意識してお選びください。
現在は個別セグメントのみ表示です。棒の上に合計を書きたい場合、画像書き出し後に編集ソフトで追記する方法が確実です。

関連するグラフ