Tableau Onlineのダッシュボードでドリルダウンを行う方法

##0.はじめに
弊社では今年から[Googleデータポータル](https://datastudio.google.com)を活用しています。
データソース(GA360・GoogleAds・BigQuery等)との接続が容易、操作が分かりやすい、しかも**無料**と素晴らしい製品なのですが、
1.ドリルダウン機能がない
2.グラフから元データを参照する機能がない
のがネックで、11月から他ツールの調査を始めました。

そんな中、取引先のデータ分析会社CEOの方から「10種類以上触ったけどTableauが一番使いやすい」と言われたのが決め手となり、乗り換える事にしました。

本記事はTableau初心者が躓いた点~~をTableau社の方に教えて貰った内容~~のまとめです。

データはサンプルのスーパーストアを使います。

##1.Tableau Onlineダッシュボードでのドリルダウン
ドリルダウンを行う最も簡単な方法は、階層化したディメンションを展開（+ボタンをクリック）する事ですが、この操作はダッシュボードでは行えず、編集権が必要なため社内共有しづらいです。
<img width="960" alt="DD1.png" src="https://qiita-image-store.s3.amazonaws.com/0/315498/dfe8b329-730e-1ce6-4d10-fa68a9c91642.png">
<img width="960" alt="DD2.png" src="https://qiita-image-store.s3.amazonaws.com/0/315498/a8863f48-5de2-7d70-12af-8e366e901381.png">


これは"パラメーター"を利用して階層型フィルタを作成する事で解決できます。


####手順
1.右上の▼から「パラメーターの作成」を選択し、リスト型パラメーターを作成
<img width="960" alt="1-1.png" src="https://qiita-image-store.s3.amazonaws.com/0/315498/d31e60e0-c543-0d0d-9b91-72c8817e0bf6.png">
<img width="960" alt="1-2.png" src="https://qiita-image-store.s3.amazonaws.com/0/315498/dcdffdd6-5fe6-a156-a003-f8ae423ce4b8.png">

2.「計算フィールドの作成」でパラメーターと住所階層を紐づけたディメンションを作成
<img width="960" alt="1-3.png" src="https://qiita-image-store.s3.amazonaws.com/0/315498/85166ebf-400e-0cad-993e-da40a615cba9.png">

3.ラベルに設定するディメンションを"住所階層"から上記で作成した"住所粒度選択"に置き換える
<img width="960" alt="1-4.png" src="https://qiita-image-store.s3.amazonaws.com/0/315498/c01bc94a-f9a5-5c5f-df90-f344026e199d.png">

4.パラメータの住所ドリルダウンを右クリックして「パラメーター コントロールの表示」を選択（これが分かりづらいポイント）
<img width="960" alt="1-5.png" src="https://qiita-image-store.s3.amazonaws.com/0/315498/54e01e33-2464-b60e-42ce-71eec8591e8a.png">

できました！早速 市区町村でドリルダウンしましょう。
<img width="960" alt="1-6.png" src="https://qiita-image-store.s3.amazonaws.com/0/315498/af712c24-b55e-fc5b-a458-4a9bafdfd501.png">
あれ、、なんか思てたんと違うぞ。。。 都道府県無視してソートされてるし。


5.色指定を都道府県に変更
<img width="960" alt="1-7.png" src="https://qiita-image-store.s3.amazonaws.com/0/315498/375293b4-3d4f-b29a-699d-78b91bf69ab7.png">

都道府県別の内訳が表示されるようになりましたね！

フィルタのデフォルトは"圧縮リスト"ですが、リスト数が少ない場合は"単一の値のリスト"が使いやすいです。↓

<img width="957" alt="1-8.png" src="https://qiita-image-store.s3.amazonaws.com/0/315498/657355e2-84cc-91dc-5c26-71abefa20cbd.png">

今度こそ完成です:grin:
このように複数同時にドリルダウンする事もできます！


##2.カレンダーでのフィルター
おまけでもう一つ困ったポイント。
Googleデータポータルでは「期間」パーツが用意されていましたが、Tableauダッシュボードのオブジェクトにはそれらしきものがありません。
<img width="691" alt="Calendar1.png" src="https://qiita-image-store.s3.amazonaws.com/0/315498/05de1450-8f90-13f3-e06f-b7ce1cc495f7.png">
<img width="958" alt="Calendar2.png" src="https://qiita-image-store.s3.amazonaws.com/0/315498/24d46077-1878-0735-6aba-c33ea397d20b.png">


ググると自分でカレンダーを作るやり方が何件かHitしましたが、ちょっとイメージと違う。
聞いてみると簡単で、日付項目をフィルターにドラックするだけでした。カレンダーパーツがあるはず！と思い込んで探していたので気付きませんでした。固定概念に囚われないの大事。


オーダー日をフィルターにドラッグし、日付の範囲でフィルターを作成。
<img width="960" alt="2-1.png" src="https://qiita-image-store.s3.amazonaws.com/0/315498/4a0d8c9b-e773-3fad-ab56-05524acbc849.png">

こちらは素直にフィルターのオーダー日からフィルターを表示。
<img width="960" alt="2-2.png" src="https://qiita-image-store.s3.amazonaws.com/0/315498/390072de-6e9a-a080-c2e8-89b871b16e11.png">

カレンダーで期間の絞り込みができるようになりました。
<img width="960" alt="2-3.png" src="https://qiita-image-store.s3.amazonaws.com/0/315498/52aec682-1e9e-488c-3cda-84f5392554f6.png">

"相対日付"も便利ですのでお好みで。
<img width="960" alt="2-4.png" src="https://qiita-image-store.s3.amazonaws.com/0/315498/c7963874-a10c-a9a3-963b-5c36ea2fe92d.png">