![見出し画像](https://assets.st-note.com/production/uploads/images/97755651/rectangle_large_type_2_c866d30801670a96f2bec11cdddc3abd.jpeg?width=1200)
【Excel】集合縦棒グラフ・折れ線グラフを同時に表示する。
こんにちは、HARUです。
本日は集合縦棒グラフと折れ線グラフを組み合わせたグラフの作り方を演習していきます。
前回の記事で、Excelでよく使うグラフの種類と使いどきをご紹介しました。まだご覧になっていない方は、ぜひチェックしてみてくださいね!
グラフの作り方
今回は売上、利益、利益率をまとめた表をサンプルにします。
皆さんの実務で取り扱うデータに合わせてアレンジしてみてください。
![](https://assets.st-note.com/img/1676091119545-lMMGvJSBNp.png?width=1200)
グラフの完成形は下図のイメージです。
![](https://assets.st-note.com/img/1676091007521-VSVk6LMyqN.png?width=1200)
グラフの挿入
売上、利益の金額を棒グラフ、利益率は折れ線グラフとします。
表の一部だけ選択してグラフを作成し、後からデータやグラフの種類を追加することもできますが、今回は最初から組み合わせグラフを挿入していきましょう。
表をすべて選択し、リボンの挿入タブを開きます。
![](https://assets.st-note.com/img/1676091770369-qi2RzicQzo.png?width=1200)
グラフグループにある、「おすすめグラフ」をクリックします。グラフの挿入ダイアログが開きますので、タブを「すべてのグラフ」に切り替え、一番下にある「組み合わせグラフ」を選択します。
![](https://assets.st-note.com/img/1676091818036-WUTzzU8fPh.png?width=1200)
すると、これから挿入されるグラフのプレビューが表示されます。
表のデータをExcelが解析し、棒グラフにする項目(系列)、折れ線グラフにする項目(系列)を判別してくれます。
ただ、売上と利益の金額、利益率では単位が異なるため、同じ条件(軸)で並べると利益率の数値が極端に低く表示されほとんど見えなくなってしまいます。
こんなときは、利益率だけ軸を変えてみましょう。
折れ線が選択されている利益率の系列だけ、「第2軸」にチェックを入れます。
![](https://assets.st-note.com/img/1676091874193-lQfWo8rRmY.png?width=1200)
これによってグラフの右に第2軸が表示され、利益率の推移が浮かび上がります。ここまでの設定ができたら、[Enter]を押してワークシート上にグラフを挿入します。
![](https://assets.st-note.com/img/1676091943922-97re8CPz9E.png?width=1200)
グラフの位置・サイズ
グラフを選択しドラッグすることで、位置を調整できます。
また、8箇所の〇印(ハンドル)でグラフのサイズや縦横比を変更できます。
![](https://assets.st-note.com/img/1676092000979-1DeIqCmolS.png?width=1200)
フォント
グラフエリアを選択して、フォントと色、サイズを設定します。これらは後からでも、また各データ個別にも設定可能です。
ホームタブのフォントグループから、お好みで設定しましょう。
![](https://assets.st-note.com/img/1676092097943-GStkVyut0f.png?width=1200)
サンプルは、フォント:MS Pゴシック、フォントサイズ:11pt、フォントの色:グレーとなっています。
タイトル
デフォルトで「グラフタイトル」と表示されているボックスで、このグラフのタイトルを表現できます。
![](https://assets.st-note.com/img/1676092202237-u9ERl1dtNQ.png?width=1200)
マウスでドラッグして位置を調整したり、再度クリックしてタイトルを編集したりできます。今回は”業績推移”としておきます。
![](https://assets.st-note.com/img/1676092263748-4Yr4sCtvsu.png?width=1200)
軸
グラフの左右に表示される軸の値を変更することで、グラフの表示範囲を調整できます。
![](https://assets.st-note.com/img/1676092518644-WgOjoV9r26.png?width=1200)
たとえば、表のデータにおける最大値(サンプルの場合、2018年度売上:3,264)がおさまるように第1軸の範囲が0~3,500となっています。そのため、棒グラフがエリア内いっぱいに表示され少し窮屈な印象を受けます。
また、第2軸の範囲は0~30%となっており、概ね20%台が多い利益率推移の折れ線グラフは、エリア内の上部で大きく波打っています。
これらグラフの位置を、軸の設定でアレンジしてきましょう。
第1軸を選択した状態で右クリックを押します。開かれたメニューから「軸の書式設定」を選択します。
![](https://assets.st-note.com/img/1676092556520-7WgNVCIszY.png?width=1200)
すると、ワークシート右側に「軸の書式設定」メニューが現れます。
![](https://assets.st-note.com/img/1676092610561-y5VbVWbpYW.png?width=1200)
境界値グループにある「最大値」が"3500.0"となっています。
第1軸ではこれを、"4000.0"に変更してみます。
![](https://assets.st-note.com/img/1676093669003-838hlcwLxD.png?width=1200)
続いて、第2軸の値も変更します。
第2軸を選択すると、右側の書式設定メニューも自動で第2軸が編集対象となります。
![](https://assets.st-note.com/img/1676094206449-MZ1kQkb4sB.png?width=1200)
最大値にある"0.3"は、30%を指しています。
今回はこれを"0.6"(=60%)に変更してみます。すると、下にある単位が"0.05"(5%)刻みから"0.1"(10%)刻みに自動更新されました。
![](https://assets.st-note.com/img/1676094704307-3hlBb2U1Jd.png?width=1200)
第1軸の最大値を"4000"に上げることで棒グラフの位置が下がり、エリア内の上部に余白が生まれます。
また、第2軸の最大値を"0.6"(60%)に上げることで折れ線グラフの位置も下がり、表示する値の範囲が拡大されたことで相対的に波の変動が和らぎます。
![](https://assets.st-note.com/img/1676095357477-STzsNayQL3.png?width=1200)
系列の重なりと要素の間隔
棒グラフの幅や間隔を調整します。
売上または利益の棒グラフいずれかを選択すると、右のメニューが「データ系列の書式設定」に変わります。
「系列の重なり」はその名の通り、2つの棒グラフ同士の重なり具合を示します。この値がマイナスだと、グラフは重ならず離れていきます。
![](https://assets.st-note.com/img/1676099066888-kodz9Kh3W3.png?width=1200)
試しに系列の重なりを"40%"にしてみます。
バーやスピンボタンでの調整に加え、値を直接入力することもできます。これによって、2つの棒グラフが重なります。棒グラフの幅を100%としたときに、双方40%の範囲が重なるということです。
![](https://assets.st-note.com/img/1676099442260-pYJGG3vokK.png?width=1200)
「要素の間隔」は、値が大きいほど間隔が開きます。ここでいう間隔とは、売上と利益のグラフ同士ではなく、(今回の場合は)"2022年"、"2023年"といったデータの要素を指します。
この値を大きくしたとき、相対的にグラフの幅が細くなります。値を小さくすると、グラフの幅が太くなります。
今回は、要素の間隔も"40%"にしてみます。
棒グラフの幅が広がりました。
![](https://assets.st-note.com/img/1676099906300-aVfTBo0T6T.png?width=1200)
塗りつぶしと線
グラフの色をアレンジします。
データ系列の書式設定にあるタブを、「塗りつぶしと線」に切り替えます。
![](https://assets.st-note.com/img/1676100723135-OVnLCP34hv.png?width=1200)
「塗りつぶし」グループにある"塗りつぶし(単色)"にチェックし、色のリストからお好みのカラーを選択します。
その下にある「枠線」も、"線(単色)"にチェックすることで任意の色を選べます。今回は"線なし"としておきます。
![](https://assets.st-note.com/img/1676100880023-lvTpNL2U9c.png?width=1200)
利益金額の棒グラフも同様に設定します。
![](https://assets.st-note.com/img/1676101294021-WFI9WL7M4m.png?width=1200)
折れ線グラフの場合、「線」と「マーカー」を編集できます。
「マーカー」タブでは、マーカーの種類、サイズ、塗りつぶしの色、枠線の色をそれぞれ設定します。
サンプルは、マーカーの種類:●、サイズ:10、塗りつぶし:紺色、枠線:なし、の状態です。
![](https://assets.st-note.com/img/1676101551226-hv8odOrqAm.png?width=1200)
「線」タブでは、線の色に加えて線の幅、一重線/多重線、実践/点線など様々なアレンジが可能です。
サンプルは、線の色:紺色、線の幅:2pt、その他設定はデフォルトの状態です。
![](https://assets.st-note.com/img/1676101788982-cAakjElm6M.png?width=1200)
データラベル
グラフが示す値(ラベル)を追加します。
売上金額の棒グラフを選択し、右クリックを押します。開かれたメニューから、「データラベルの追加」を選びます。
![](https://assets.st-note.com/img/1676102668695-H3YeyT5tLr.png?width=1200)
棒グラフの上部に、データラベルが表示されます。
![](https://assets.st-note.com/img/1676102712317-4UVwgms59S.png?width=1200)
利益金額の棒グラフ、利益率の折れ線グラフにも同様に追加します。
![](https://assets.st-note.com/img/1676102746091-JxNxnZGbBt.png?width=1200)
次に、データラベルのフォントサイズを変更します。
売上の棒グラフに追加されたラベルを選択し、ホームタブのフォントグループからお好みのサイズに調整します。
![](https://assets.st-note.com/img/1676102814813-fXZ6C8Bd39.png?width=1200)
利益金額、利益率のラベルも同様に変更します。
![](https://assets.st-note.com/img/1676103230002-06NCMs2nRH.png?width=1200)
次に、ラベルを表示する位置を変更します。
売上のデータラベルを選択し、「ラベルオプション」グループ→「ラベルの位置」にある"内側上"にチェックします。
すると、ラベルが棒グラフの中に入り込み、最上部付近に配置されます。
![](https://assets.st-note.com/img/1676103349547-GdbvYAAyXH.png?width=1200)
利益金額のラベルも同様に変更します。
![](https://assets.st-note.com/img/1676103647563-rWwXpXstYi.png?width=1200)
グラフの色によってはラベルが見えづらくなってしまいますので、白いフォント色等に変更しましょう。
![](https://assets.st-note.com/img/1676103784197-ww6pT26rf0.png?width=1200)
利益率のラベルは、折れ線グラフ(マーカー)の"上"に配置します。
![](https://assets.st-note.com/img/1676104162403-Yj1wA85dvF.png?width=1200)
データラベルは個別に塗りつぶし、枠線、フォント色などを設定できます。
下図は利益率のラベルのみ、紺色で塗りつぶし、フォント色を白くした状態です。
![](https://assets.st-note.com/img/1676104242436-QofYMIBx79.png?width=1200)
凡例
各グラフ(データ系列)が何を表しているかを示してくれます。
ここまで様々な設定変更をしてきましたが、データ系列の書式にあわせて凡例も自動更新されていることがわかります。
![](https://assets.st-note.com/img/1676104389663-e8VSK1AH5j.png?width=1200)
グラフタイトルと同様、グラフエリア内で移動することができます。
また、フォントサイズも個別に変更できます。
下図は凡例を左上に移動し、フォントサイズを12ptにした状態です。
![](https://assets.st-note.com/img/1676104549356-WJrA1U0OkH.png?width=1200)
グラフエリアの書式設定
グラフエリア自体にも、デフォルトで塗りつぶしや枠線などが設定されています。他のシートに転記したり、パワーポイントなど別のアプリケーションへ貼り付けてシェアしたりといったシーンに応じて変更しましょう。
今回は、塗りつぶし、枠線ともに"なし"を選択します。
![](https://assets.st-note.com/img/1676104789377-km7vobnt65.png?width=1200)
無事、完成目標としていたグラフに仕上げることができました。
![](https://assets.st-note.com/img/1676105052572-vP08eaUPLU.png?width=1200)
本日は、棒グラフ(集合縦棒グラフ)と折れ線グラフを組み合わせたグラフの作成手順をご紹介しました。
紹介しきれていない詳細設定がまだまだたくさんありますので、今後の投稿で順次解説していきますね!
↓↓記事の内容を動画で解説しています↓↓
※本記事の委細が動画収録当時のバージョン・解説内容と異なる場合があります。
↓↓Excel操作をとにかく高速化したい方へ↓↓
この記事が気に入ったらサポートをしてみませんか?