【Tableau】ロリポップチャートの作り方 (棒グラフの応用)
解説
Tableauのロリポップチャートの構成をおおまかに説明すると、棒グラフと円のプロットを重ねたものです。
同じ棒グラフを2つ作る
まずは、メジャーの集計を行シェルフ、ディメンションを列シェルフにドロップして、棒グラフを1つ作ります。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/93371e9f-3979-402f-b7cf-bb5c1d4b3b9c/a94d4494f265db873c294d7d63f6907f.png)
次に、同じメジャーの集計を行シェルフにドロップして、棒グラフを2つに増やします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/8a0548f3-6a62-497e-946a-d54c2e54872a/45ba6a06fe441ca8b77befd41d51a4df.png)
二重軸にする
次に、行シェルフに2つ目に入れた方のメジャーの集計を右クリックして「二重軸」にチェックを入れます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/5abd2b9b-84a1-437e-81ad-64b11c578926/7758d205bb5a0487288de6719e706003.png)
「二重軸」にチェックを入れると、2つの棒グラフが重なり、下の図のようなグラフになります。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/05bd5161-c29f-4ac4-8e7b-4548bed6e445/ee9bab5efad7b4198929a0afd1e9e204.png)
片方を棒グラフにする
行シェルフにメジャーが2つ入っているので、それぞれに対応したマークカードと、「すべて」のマークカード、合わせて3枚のマークカードが表示されています。片方のグラフタイプを変えるには、[合計(売上)]もしくは[合計(売上) (2)]のマークカードを開き、マークタイプを「棒」に変えます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/241db5f0-2e71-440a-955c-26a913fd200c/61716c15d74566b3df836e86192c3322.png)
片方を棒グラフにすることによって、棒グラフの軸と円のプロットの軸がズレてしまったので修正します。
左右のどちらかの軸を右クリックして「軸の同期」にチェックを入れます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/bed6450b-ae21-4f46-ba87-fe01af99b8db/80064858f05e8bbe30cfd46ac1f0a494.png)
これで左右の軸が同期されました。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/ffd7bb42-f035-47a2-a799-7a5a08b63a7e/28dc67e106c4e2304675137b46dab397.png)
左右の軸が同期しているため、軸の表示はどちらかだけでよくなります。右側の軸を右クリックして「ヘッダーの表示」のチェックを外します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/4492445f-9ce4-445d-80ea-073aefa196ec/75823fe9244942cfb6e0c97da22b9ebc.png)
これで右軸の目盛りが消えました。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/8d20f0bb-238b-4693-a8da-5689a472d844/1763ceb54df29f588fe1fa016d7da116.png)
最後に見た目を整える
棒グラフが太すぎるので、棒グラフのマークカードの「サイズ」で太さを調節します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/301f73a0-dc7d-4bb1-ac4d-2e8c1ab4876a/985ed7ced310070d3231437b3d042b43.png)
次に円のプロットの中に数値を表示させるため、円プロットのマークカードの「ラベル」の中の「マークラベルを表示」にチェックを入れます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/c7c88ded-cda1-47c8-800f-efe1d35d03e2/e0b6cea6d534c31f9b8b830181d3555f.png)
円の中心に表示されるように、「配置」を水平方向・垂直方向ともに中心に設定します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/c11a2035-f93a-47a3-86e8-00badb9f6a06/a2cefb1af5f107125ecc0511605cd336.png)
次に、数値が長すぎて円のプロットからはみでているので数値の表示形式を変更します。
円のプロットのメジャーを右クリックして「書式設定」を選択します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/66f514f9-2d27-47c8-8e36-0ea3397a8885/decdd577230d769f0d659a045bbfa3b4.png)
左側に表示された書式設定ペインの「ペイン」→「既定」の「数値:」をクリックして、数値の表示形式を変更します。
「数値(カスタム)」をクリックし、「小数点:」を0 、「表示単位:」を「百万(M)」に変更します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/ca51181b-9293-46c9-a408-54878da008d9/1209c12ec29c7370d01c6b31ec2c0a3e.png)
最後に円の大きさを調整します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/110183c2-85db-4c2b-9666-c99279963bef/5f47024c71c8861a58943ba2d190ec69.png)
これでロリポップチャートが完成です。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/a8b13ac0-8d34-4c44-8acd-c641fc58d1b5/d6b6ce76be517ee70eaa0d349982da9c.png)
さいごに
いかがでしたか?ロリポップチャートはデータの大小を視覚的だけでなく、正確な数値でも表現できるポップなグラフです。数値を表示しているので、軸を消してスペースの節約も可能です。ぜひ参考にしてみてください。
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)