【Tableau】条件ごとにプロットの色を変えるグラフ
解説
まず、今回はロリポップチャートをベースに作成していきます。
目標線の追加
目標となる数値をグラフ上に表示します。
目標と対比するグラフの作り方は別記事でも紹介しています。
今回はリファレンスラインを使って表現してみましょう。
軸を右クリックして、「リファレンスラインを追加」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/cd06a59b-b5a8-4ff9-96b4-32916f074dbe/a32eb3bdbdcbdc1b299638e23e77970f.png)
リファレンスラインの画面で、「値」を設定します。
目標となるフィールドがある場合は、そのフィールドをマークカードの「詳細」に入れることで値の一覧に表示されます。今回は、そのようなフィールドがない場合を想定して、目標値を示すパラメーターを作って、それをリファレンスラインとして表示してみます。
「値」のドロップダウンメニューを開いて、「新しいパラメーターの作成」を選択します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/88166202-679f-4f14-8705-0b9247f77688/c275bd8f131acc5e24d83779ce7aa568.png)
表示されたパラメーターの作成の画面で、パラメーターの名前と値を設定します。今回は[売上目標]という名前で、値を25百万に設定しました。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/96f0741a-9aaf-4cbb-907e-86ac71707d4e/ad6b6ae01d2a61ee46bff8c256b34a42.png)
右下の「OK」ボタンを押して、リファレンスラインの設定画面に戻ります。
先ほど作成したパラメーターの値でリファレンスラインが引かれていることを確認して、右下の「OK」ボタンを押して画面を閉じます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/d9153195-9af0-493a-92ca-a2c096373425/826f6cee83a3af91c65d8de5a117267b.png)
条件を設定して、プロットの色を変える
次に、プロットの色を変える条件を設定します。
条件式は、計算フィールドで作ってもよいですが、今後再利用する予定がなければアドホック計算で作ってもよいです。
今回はアドホック計算で作ってみましょう。
プロットの色を変えたい方のマークカードを開きます。今回は円のプロットのマークカードです。
マークカードの空白の部分をダブルクリックすると、アドホック計算が記述できるエリアが表示されます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/d464dd30-0508-42d8-b8cd-9651e2b57637/2c2962d67fe16cfff09ae4a6ace61b0f.png)
この小さいエディタの中に計算式を書くことができます。
今回は[合計(売上)]が[売上目標]を上回っているか(もしくは下回っているか)が条件になります。
下のような計算式を入力することで、上回っている場合は真、下回っている場合は偽を返すようになります。
アドホック計算に限りませんが、計算式を記述する際にフィールドを使う場合は、データペインや行シェルフに入っているものをドラッグアンドドロップすると簡単に記述できます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/1a5b160c-6e8e-4e5f-bff1-b5678b9a4e24/81a85e121ec95cea12c1dfdc3e7ffae0.png)
次に、この条件式をマークカードの「色」に入れることで円のプロットの色を変えることができます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/6f89b272-0460-4a78-a248-8bb3dc285664/317011f0f00a8977dfbe6f57f0c6c7d8.png)
最後に見た目を整える
人間は、色自体に何かしらの印象を抱くことが多いです。たとえば、赤系はネガティブ、青系はポジティブな印象を抱くことが多いです。
この印象と、データの意味を揃えることで、解釈性の高いグラフがつくることができます。
今回は、目標を下回る=ネガティブなので、下回っているプロットを赤く、逆に上回っているプロットを青くします。
円のプロットのマークカードの「色」の中の「色の編集」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/d15a4330-4e9b-4082-babf-58413e69ce67/23189ae74ee8b3d0a1df0f6e614c9ca3.png)
表示された色の編集画面で、偽(=下回っている)を赤系、真(=上回っている)を青系に変更します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/38a313a6-6ef8-4973-b307-d90021774ef6/e36c06baffb1a5888af80801fdf23bdf.png)
右下の「OK」をクリックして色の編集を終了します。
最後に、棒グラフの部分の色をニュートラルなグレーに変更します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/43acf2db-7cfc-4b40-a2b4-9a315a208da6/5207c02ecd853b9389abf9dcc032a1f7.png)
これで、目標に対して達成・未達成で色が変わるグラフが完成しました。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/atara/1fe49540-5155-40d9-b821-65e579298986/762289228d4023e6420248ae67ee7164.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)