【Tableau】ダッシュボードでの動的な画像切替方法(パラメーターアクションの利用)

Tableauのダッシュボード上に画像を表示するのは「イメージ」オブジェクトを使用すれば簡単にできるかと思います。
しかし、その画像を選択した項目に合わせて切り替えられるようにする方法はあまり知られていないのではと思いましたので、今回紹介させていただきます。

今回ダッシュボード上で画像を切り替えられるようにするには、「形状」「パラメーターアクション」を利用します!
※今回は以下のダッシュボードをもとに紹介いたします。

STEP1. 形状の設定

ダッシュボードに表示する画像を「形状」に追加します。

  1. ローカルの「PC>ドキュメント>マイ Tableau リポジトリ>形状」に表示させる画像をフォルダとして格納します。
    ※ここで作成したフォルダの名称が形状パレットの名前となります。

STEP2. 形状の割り当て

形状に追加した画像を対応させたいディメンションに割り当てます。

  1. マーク欄の「自動」を「形状」に変更します。

  2. 画像と対応させたいディメンションをマーク欄の「形状」にドラッグ&ドロップします。

  3. マーク欄の「形状」を押下し、既定から追加したパレットを選択します。

  4. 該当の項目を一つずつ選択し、画像を割り当てます。

画像と対応させたいディメンションを「形状」にドラッグ&ドロップ
追加したパレットを選択し、項目に画像を割り当てる

STEP3. パラメーターの作成と反映

パラメーターを作成し、ワークシートに反映させます

  1. 「パラメーターの作成」を開き、以下のようにパラメーターを設定します。
    名前:任意の名前
    データ型:文字列
    許容値:リスト
    値の追加元:画像と対応させたディメンション

  2. 設定したパラメーターによってフィルターされるように以下の計算式を
    作成します。
    [画像と対応させたディメンション]=[パラメーター]

  3. 作成した計算式をフィルターにドラッグ&ドロップし、「真」を選択します。

パラメーターの設定
計算式の作成

STEP4. パラメーターアクションの設定

ダッシュボード上でパラメーターアクションを利用して動的に画像が切り替わるようにします。

  1. ダッシュボードに画像のワークシートを配置します。

  2. 画面上部の「ダッシュボード」タブから「アクション」を選択します。

  3. アクションの追加から「パラメーターの変更」を選択します。

  4. パラメーターアクションを以下のように設定します。
    名前:任意の名前
    ソースシート:画像を切り替えるもととなるシート
    アクションの実行対象:画像を切り替える操作方法
    ターゲットパラメーター:③で設定したパラメーター
    ソースフィールド:画像と対応させたディメンション

  5. ソースシートで操作をすると画像が切り替わります。

パラメーターアクションの設定
ソースシートの選択した項目で画像が切り替わる

終わりに

以上でTableauダッシュボード上で画像を動的に切り替える方法をご紹介しました。
パラメーターアクションを使用すれば画像以外にも動的に切り替えることができるようになりますので、ぜひ応用してみてください!

いいなと思ったら応援しよう!