【Tableau】予実対比に便利な棒グラフ Bar in Barグラフ (棒グラフの応用)
解説
2つの指標を比較する棒グラフ よくない例
予算や目標と実績の比較をする際、どのようなグラフをつくっていますか?
下の図のようなグラフをつくっているケースが多いのではないでしょうか。
もちろんこのグラフでも2つの指標を比べることはできますが、左と比較してよいのか、右と比較してよいのか、少しわかりづらいです。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/afe7faa2-5a7d-440a-bcec-baa2caaf885f/0aa3d9f79534369591cccaeeca2a02a9.png)
では、下の図のようなグラフはどうでしょう。比較対象を左右ではなく上下で配置してみました。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/6b9896ff-79f1-4873-9d59-fa8ffa473941/f8856b9972150debc42a7b34db9df5fd.png)
この場合、比較対象はわかりやすいですが、そもそも縦棒グラフの高さを上下で比較するのは難しいです。縦棒グラフは横方向は比較しやすいですが、縦方向は比較が難しいので、このグラフはより分かりづらくなってしまいました。
そこで、比較対象をわかりやすく、かつ比較しやすくするために、比較対象の2つの棒グラフを重ねて見る、それがBar in Barグラフです。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/f76506f9-76ea-49bb-bbf5-1cd9698bd1e1/eebc61e9a43449101ae84a91c68fb1eb.png)
Bar in Barグラフの作り方
今回は、下の表のようなデータで予実対比のグラフをつくることを想定します。
チーム | 予算 | 実績 |
---|---|---|
A | 100,000 | 120,000 |
B | 130,000 | 110,000 |
C | 90,000 | 100,000 |
D | 150,000 | 180,000 |
E | 120,000 | 120,000 |
F | 140,000 | 100,000 |
まずは2つのメジャーで2つの棒グラフをつくる
まずは、[チーム]を列シェルフ、[実績]を行シェルフにドロップして、縦棒グラフをつくります。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/b39d000f-a361-49be-966d-a3d24eae55b6/912a16f4cde8e1c7ee88d1732682ae59.png)
次に、[予算]を行シェルフに追加して、もう1つ棒グラフをつくります。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/c3b9dc63-965e-44ad-89bf-f732060aec75/75b3085b4c25dc95fa4dc3d5b8818082.png)
次に二重軸で重ねる
次は、行シェルフに入っている[合計(予算)]を右クリックして、表示されたメニュー内の「二重軸」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/2b1d1dba-0bdf-46c5-92d6-b9395d9319a5/b2a4dfd9f5cbdbf9abce8784c4d0d751.png)
「二重軸」をクリックすると、下の図のようなビューになります。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/530ad29a-8c9a-4e66-b5d8-31b72eeb2d3d/e910e4551e1d3c5eff77702ab211f9c4.png)
これは、[実績]と[予算]がそれぞれ円のプロットで表示されている形です。二重軸を指定すると自動で円のマークタイプにかわってしまいます。
マークタイプを棒グラフに直します。
「すべて」のマークカードのマークタイプを「自動」から「棒」に変更します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/b4e710d2-1e6a-4406-b193-21deb3edd15b/a2935c8f28507473985edabd61eb3811.png)
マークタイプを「棒」に変更すると下の図のようなビューになります。
[実績]の棒グラフがなくなっているように見えますが、[予算]の棒グラフの後ろに隠れてしまっただけです。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/22f32ebc-7aec-4f79-91df-0c0accdcc3c9/1deaff0d7327bbd3324f3dbfde332170.png)
ちなみに、行や列シェルフのどちらかに複数のメジャーを入れている場合は、マークカードが複数表示できます。
それぞれのメジャーを別のマークタイプで表示させることも可能です。
今回はどちらも棒グラフにしたいので、「すべて」のマークカードで変更しました。
棒グラフの太さを調整してBar in Barにする
二重軸で棒グラフを重ねるまではよいですが、このままでは後ろに隠れてしまった棒グラフが見えません。
棒グラフが重なっても両方とも見えるように棒グラフの幅を変えます。
マークカードの「色」に入っている[メジャーネーム]を、Ctrlキーを押しながら「サイズ」にドロップします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/5c028169-8ae2-4570-a678-4ee61ba209be/9f55e9bf108dc6efeb2c893647a7bf00.png)
Ctrlキーを押しながらドロップすることで、「色」にも「サイズ」にも[メジャーネーム]を入れることができました。
Ctrlキーを押さないと、「色」に入っていた[メジャーネーム]が「サイズ」に移動する形になります。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/9b7a61f1-d85f-401a-861a-34b65461c9ee/29d4fab7397deafbb5dc0fc1751f2304.png)
これで、[予算]と[実績]で棒グラフの幅が変わり、お互いの棒グラフの高さの比較ができるようになりました。
棒グラフの幅を変えても、下の図のように細い棒グラフが太い棒グラフに隠れてしまっている場合は、行シェルフに入っているメジャーの順番を入れ替えてみてください。左側のメジャーが背面、右側のメジャーが前面に表示されます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/2483ca6d-c0d1-437c-91d1-7971b9bb89dc/aefd37a8f57a7a593364724e2909df25.png)
さいごに見た目を整える
予実対比のグラフを見やすくするために、見た目を少し編集してみましょう。
実績が予算に対して達成しているか・未達成なのかを、細い棒グラフが太い棒グラフを突き抜けているか・そうじゃないかで表現するために、グラフの幅の設定を反転させます。
サイズの凡例のカードの右上の▼をクリックして、「サイズの編集」メニューをクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/4723328c-bc31-49d2-bb8e-ad06944bb8b3/14c04d6d7465d2e9745d474668a3df90.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/025adef0-488d-4b92-b26f-1b60745dd6aa/8f5c7d41cf4e06ece6a1947ed001448d.png)
表示されたサイズの編集ウィンドウで棒グラフの幅を変更します。
ここまでの設定では、[予算]が細く[実績]が太くなっていますが、これを反転させます。
「反転」にチェックを入れることで反転できます。「OK」ボタンを押して適用させます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/2084b8af-f119-4463-a64c-dde8aa057ba6/d2378b3b5bda1e28b537af44ade5b07b.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/d9ec4f13-04a4-48f0-8b0f-2fa50d625407/65e70e33fd58a6910e871ed31c03d3c5.png)
棒グラフの太さが反転されました。
これによって[実績]が後ろに隠れてしまったので、行シェルフに入っているメジャーを入れ替えて修正します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/6e6cdc40-3594-4de3-ad91-e12bd3034189/901af07fd8b83201e644494ff4783ad6.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/b05440b3-c24b-4945-a051-7733aafa031a/ca9d5776316a1a4a7362191713747620.png)
あとは、棒グラフの色を調整します。
今回の予実対比グラフの着眼点は、実績の大小と、予算との対比だと想定します。予算の大小自体の優先度が下がる場合は、予算の棒グラフの色は薄めに設定しましょう。
棒グラフの色の設定は、「すべて」のマークカードの「色」→「色の編集」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/c9a094a9-be95-4eef-98fe-028a315cba62/927d6cd0fc6127d5860e68ca05b4b5ee.png)
表示された色の編集画面で、項目ごとの色を変更します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/78c894a2-e96a-452c-9ab5-9aa3bc73eb45/88abe4818f8c17844e11227fc13c42cd.png)
これで予実対比のBar in Barグラフが完成しました。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/aa4ca457-44d4-4aae-8c8e-ab7c64a3c60f/2471214473ce6107e59b45fff3ff5dbf.png)
さいごに
いかがでしたか?Bar in Barグラフは2つの指標を比較する際に便利なグラフです。予実対比や目標と実績の対比する場面などで、ぜひ活用してみてください。
Tableauでは、行や列以外のプロパティを駆使することでさまざまなグラフをつくることができます。今後もさまざまなグラフの実装方法を紹介していくので参考にしてみてください。
・Tableauに取り込みたいデータソースがある
・Tableauの効果的な可視化についてもっと知りたい
・組織においてのTableauの定着化をもっと推進したい
・新しいKPIを作りたいが、自信がない
アタラにはTableauを含むBIツールのエキスパートが在籍しております。
このような課題をお持ちの方は、ぜひお気軽にこちらまでご相談ください。
この記事をシェアする
まずはお気軽にご相談ください
BIシステムの導入からデータ活用の自走化まで支援いたします
![画像](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/4d0b04d7-7f5d-42c3-b823-340f0c6b6ba2/85e622eaa9cd1405991d24003691b01f.png)