TableauのレイアウトTips７選

初心者の方でも手軽に扱える、TableauのレイアウトTipsを７個ご紹介します。
実際に私が作成したVizと併せて説明しているので、もしよろしければご覧ください。

少しでもお役に立てれば幸いです！<br><br>
## １．空の列を追加
<img width="1000" alt="空の列を追加" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3122923/1ffadc30-9d85-e195-900e-05fa81088368.png">

[こちらのViz](https://public.tableau.com/app/profile/ffccdr.sk/viz/_16749148521590/sheet0)で使用しています。
* 「計算フィールドの作成」で上記を入力、「OK」を選びます。
* 作成したピルを、ビュー上の追加したい箇所へドラッグします。

今回はカラーだけの列を並べたかったので、こちらの計算式を使用しました。
画像では、計算フィールド名をNULLのままにしてありますが、別名で編集することも可能です。
## ２．列ヘッダーを上に表示
<img width="1000" alt="列ヘッダーを上に表示" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3122923/14b37a52-aaa2-7313-4151-f5da796195f0.png">

[こちらのViz](https://public.tableau.com/app/profile/ffccdr.sk/viz/_16749148521590/sheet0)で使用しています。
* 列にある既存のピルを、真横にコピーします。
* コピーしたピルを右クリックして「二重軸」を選びます。
* ビューの上に追加された軸を右クリックして「軸の編集」を選びます。
* 適宜「目盛り」内を編集し、「OK」を選びます。
* ビューの下に表示されたままの軸を右クリックして「軸の編集」を選びます。
* 「タイトル」を空欄にして、適宜「目盛り」内を編集し「OK」を選びます。

デフォルトでは下に表示されますが、このまま上に移動させることができません。
そのため、**二重軸**を利用して上にヘッダーを新しく作成します。

レイアウト用のピルが増えてしまいますが、ダッシュボードのレイアウト上どうしても上に表示させたかったため、今回取り入れてみました。
## ３．最大値のみ色変更
<img width="1000" alt="最大値のみ色変更" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3122923/6dd303ff-941e-4f99-7e35-49d3096294df.png">

[KTさんの動画](https://www.youtube.com/watch?v=qtR_8luMfIg&t=4635s)で詳しく説明されている技です！
[こちらのViz](https://public.tableau.com/app/profile/ffccdr.sk/viz/_16749150458520/sheet0)で使用しています。
* マークカード内に「WINDOW_MAX(◆)=◆」を入力、「OK」を選びます。
* 作成したピルを「色」へドラッグします。

**WINDOW_MAX関数**を色表示させる、という内容です。
あらゆる場面で使えるので、覚えておいて損はないと思います！
## ４．連続値の列で行に沿った定数線を表示
<img width="1000" alt="連続値の列で行に沿った定数線を表示" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3122923/0ba14e76-02ba-e497-e158-a3e798a08807.png">

[こちらのViz](https://public.tableau.com/app/profile/ffccdr.sk/viz/_16749150458520/sheet0)で使用しています。
* 「アナリティクス」内の「カスタム」から「リファレンスバンド」を選択します。
* 適宜「バンドの起点」「バンドの終点」を編集します。
* 「書式設定」の塗りつぶしを「なし」として、「OK」を選びます。

今回は線を２本引きたかったため**リファレンスバンド**を使用しましたが、上部の「線」を選択すると１本のみ表示させることが可能です。
「書式設定」内の「線」を適宜編集すると、線のデザインも自由に選ぶことができます。
## ５．入力した範囲のみ表示できるフィルター
<img width="1000" alt="入力した範囲のみ表示できるフィルター" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3122923/fa66d6ab-359f-889e-09e4-3dbaca4b458a.png">

[KTさんの動画](https://www.youtube.com/watch?v=qtR_8luMfIg&t=4635s)で詳しく説明されている技です！
[こちらのViz](https://public.tableau.com/app/profile/ffccdr.sk/viz/_16749150458520/sheet0)と[こちらのViz](https://public.tableau.com/app/profile/ffccdr.sk/viz/_16750864373380/sheet0)で使用しています。
* フィルターシェルフに、表示させたい範囲の連続値ピルをドラッグします。
* 「値の範囲」で最初に設定しておきたい値の範囲を入力し、「OK」を選びます。
* フィルターシェルフの対象ピルを右クリックして「フィルターを表示」を選びます。

TOP・WORSTどちらにも対応している、**連続値のフィルター**です。
表示させたフィルターのプルダウン「タイトルの編集」から、文章を入力することも可能です。
そのまま連続値を使うも良し、表計算後の連続値を使うも良しの、とても便利なフィルターです！
## ６．パーセンテージの定数線を表示
<img width="1000" alt="パーセンテージの定数線を表示" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3122923/1212f6bc-06f5-e1e0-fda1-96ac09c680d9.png">

[こちらのViz](https://public.tableau.com/app/profile/ffccdr.sk/viz/_16750864373380/sheet0)で使用しています。

* 「アナリティクス」内の「カスタム」から「分布バンド」を選択します。
* 「計算」内の「値」で任意のパーセンテージと対象を選択します。
* 「書式設定」の塗りつぶしを「なし」として、「OK」を選びます。

「ラベル」「ツールヒント」を自由に設定できるため、イメージ通りの線を表示させられます。
また、パーセンテージを２つ入力、塗りつぶしの色を選択すると、本来の使い方である「値の間を塗りつぶす」バンドを出すことができます。
## ７．色の透明度
<img width="1000" alt="色を透化" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3122923/6d9b39ef-13c0-0872-1953-d9e85d0b610c.png">

[こちらのViz](https://public.tableau.com/app/profile/ffccdr.sk/viz/_16750864373380/sheet0)で使用しています。

* マークカード内の「色」を選択します。
* 適宜「不透明度」を変更します。

とても簡単ですが、二重軸だと片方だけを透かせたり、散布図だと「**枠線**」で色を選択することで重なりを見つつ判別しやすくできるので、非常に重宝する機能です。
今回は確保病床数を表示させつつ病床使用数を強調したかったので、確保数のみ色を落として透かせました。<br><br><br>
以上、TableauのレイアウトTips７選でした。

様々な方のTipsを組み合わせることで、どんどんTableauを便利に、身近に感じていくと思います。
小さなまとめでしたが、ぜひお使いいただけると嬉しいです！
<br><br>