LookerStudioでパラメータを使用して、選択した指標を表示させる

# 初めに
はじめましての方もこんにちは！
[パーソルクロステクノロジー株式会社](https://qiita.com/organizations/persolcrosstechnology)の笹原です。
普段は、BIエンジニアとしてお客様の要件に沿ったビジュアライズをTableauやLookerStudioで可視化し、提案させていただいております！
そこで私が業務で使っていて便利な機能を社内にも社外にも広めたいので、TableauやLookerStudioの便利機能やあれこれをQiitaに残していこうと思います:relaxed:

お気軽にコメントやリアクションをいただけるととても励みになりどんどん記事を書く意欲が上がっていきますのでよろしくお願いします:writing_hand:


# 今回の記事は…
LookerStudioの**中級者向け**の内容になります。
少し下にある「こんなことに困っていませんか？」を読んでみて、同じような問題を解決したかった！という方はぜひこのままお進みいただけると嬉しいです！！

# LookerStudioとは
Google社が提供しているBIツールのことです。
Googleサービス全般にアクセス可能で、Googleサービスをよく使う方であればLookerStudioはおすすめです。
ちなみに、BIツールといえばTableauが有名ですが…個人的には初心者さんはLookerStudioのほうが使いやすいと思います！なぜ使いやすいのか…？それは[こちら](https://qiita.com/yuurinchiii/items/908929f8c8de675c15c7)の記事からぜひご覧ください（個人の主観あり）。


# こんなことに困っていませんか？
- 売上や利益、数量などの指標をグラフで表示しているが、指標の数の分だけグラフを作り並べて表示してしまっているため、ダッシュボードが乱雑になってしまっている…。
- Tableauのようにシートを重ねて表示できないから、LookerStudioではあきらめている…。
- 同じグラフ内で日次や月次、曜日別など切り替えて表示ができないか困っている…。

▽困っている点を表示したダッシュボードの例
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3523656/e9e6d67f-c1f1-e1e8-1b9e-6f2143fa51a0.png)


そんな時！**パラメータで指標を選択して、選択した指標がグラフに反映されるよう実装する**ことでみなさんのお悩みが解決すると思います！！

では実際に可視化してみましょう:raised_hands:

# では実践！
## 流れ
作業の流れは以下のようになります。
1. 指標や粒度を指定する用のパラメータを用意する
1. パラメータで指定した値に対して、表示する指標やディメンションを設定する
1. グラフに反映する


## 指標や粒度を指定する用のパラメータを用意する
#### 1. 編集画面右下にある「パラメータを追加」を押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3523656/18a1aa68-2ef5-c7e4-9af8-2236013a43ca.png)
#### 2. 必要な情報を入力
###### パラメータ名
パラメータの名前を記入します。ほかの計算フィールドで指定する際に使用する名前です。
###### パラメータID
半角で記入します。パラメータを識別するためにLookerStudio側で使用されますが、ユーザー側には表示されません。
###### 使用可能な値
「値の一覧」を選択すると、選択肢を作成できるのでお勧めです。選択肢を与えない場合は「任意値」にし、自由記述としましょう。
###### 値の一覧
グラフ内で選択したい値を入力します。
###### デフォルト値
デフォルトの値を設定します。

**▽記入例**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3523656/6f9b6050-e6c9-dc3c-626b-8db9a0e41f69.png)

#### 3. 記入後、右下の「保存」を押下
「パラメータを保存しました」が表示されたらOKです！

#### 4. 右上の「完了」を押下
パラメータの作成が完了しました！:clap:

## パラメータで指定した値に対して、表示する指標やディメンションを設定する
次は、上で作成したパラメータにどの指標やディメンションを指定するかを設定していきます。

#### 1. 設定用のフィールドを作成
画面右下の「フィールドを追加」を押下して、フィールドを作成します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3523656/31a54076-d8d8-0214-0740-2b19074144e3.png)

#### 2. 必要な情報を入力
###### フィールド名
フィールドの名前を入力します。ほかの計算フィールドで指定する際に使用する名前です。

###### 計算式
CASE文で以下のように記載します。
「指標指定」パラメータが "売上" の時に「売上」メジャーを返す、という意味です。

```SQL
CASE 指標指定
WHEN "売上" THEN 売上
WHEN "数量" THEN 数量
WHEN "利益"　THEN 利益
END
```

**▽記入例**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3523656/8ce62113-7374-f52c-3e44-624731d19f13.png)

#### 3. 記入後、右下の「保存」を押下
「計算フィールドを保存しました」が表示されたらOKです！

#### 4. 右上の「完了」を押下
パラメータに対してどの指標（メジャー）を表示するのかが設定できました！:clap:

## グラフに反映する
では作成したパラメータとフィールドを使って、グラフに反映してみましょう。

#### 1. 該当のグラフを選択
指標に、先ほど作成した「指標判別」フィールドをドラッグ&ドロップします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3523656/909b0461-0e6c-1c2e-6e71-2ba0c9bb783a.png)

#### 2.パラメータをダッシュボードに配置
データから先ほど作成した「指標指定」のパラメータをダッシュボード上にドラッグ&ドロップして配置します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3523656/f11afdaa-c94c-7806-35a1-44419f032f48.png)

#### 3. パラメータを選択
先ほど配置したパラメータをクリックし、設定した「売上」「数量」「利益」が選択できることを確認しましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3523656/0c2ff980-853b-3427-4c7f-3f1e432685f8.png)

#### 4. パラメータが反映されているか確認
パラメータを変更すると、グラフが選択したパラメータによって変わるか確認してみましょう！。
下の図のようにグラフに反映されていたらOKです:ok_hand:

**▽「売上」選択時**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3523656/a2d27ad1-4062-0d66-e004-491dbd004c72.png)

**▽「数量」選択時**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3523656/001dfa15-e1de-e2c5-c059-134955f18e8c.png)

**▽「利益」選択時**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3523656/daf7229d-aea9-609e-96ae-7289e7044da5.png)


# おまけ
ちなみに期間を日次や月次、曜日などに変更するとこのようになります！

**▽日次**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3523656/60c47475-c32a-b480-6f70-f3d81895812f.png)

**▽曜日別**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3523656/b103d237-68c7-46e2-55ce-d0a09953effe.png)

# 最後に
今回のやり方は、ダッシュボードの枚数を少なくしたい場合や、ダッシュボード内のグラフを少なくしたい場合にお勧めのやり方です。
指標同士を比較したい、という場合はグラフを並べて表示したほうが良いと思うので、ダッシュボード上で何を比較したいのか何を表示したいのかによってこちらは参考にいただければと思います:ok_woman:


この記事を通して、皆さんの問題が解決してくれたことを願っています。
最後まで読んでくださった皆さん、ありがとうございました！！

また別の記事でお会いしましょう～:runner:=3