【Tableau拡張機能紹介】Image Filter

Tableauの拡張機能「Image Filter」を紹介します。

Tableauのバージョン2018.2よりダッシュボードに拡張機能を追加する機能が追加されました。各拡張機能について紹介していきたいと思います。

注意各拡張機能は各提供会社が提供する機能となり、その内容等についての責は一切負いません。現状での紹介にとどまりますので、ご了承ください。

Image Filter

Tableau_ImageFilter

ファイル名:Biztory_ImageFilter.trex

※上の画像はリンクを貼っていないため、ダウンロードは公式サイト「Tableau拡張機能ギャラリー」から願います

機能概要

この拡張機能を使うと、フィルタを画像で利用できるようになります。シングルセレクト、マルチセレクトから選択することが可能です。背景色、選択時の画像の境界の色なども指定可能です。

以下、注意点です。

  • 画像はURLで指定できる場所に置く必要があるので、そのようなスペースを用意するかローカルでWEBサーバーを立てたりする必要があるので、利用には若干ハードルが高いかもしれません。
  • 画像のフォーマットは拡張子PNG形式のみの対応となります。
  • フィルタとして使うフィールドの項目と画像のファイル名をあわせる必要があります。例えば、フィルタの項目名が「Kansai」であれば、画像も「Kansai.png」である必要があります。

Tab_ImgFilter_Sample

設定

注意拡張機能を追加するところまでは別記事でご確認ください。拡張機能を追加したところから本記事では取り扱いたいと思います。

設定後
Tableauのダッシュボード拡張機能(Dashboard Extensions)とは
2019.2.19
Tableauのダッシュボード拡張機能について紹介します ダッシュボード拡張機能(Dashboard Extensions)とは Tableau 2018.2にてダッシュボードの拡張機能が追加されまし...

 

拡張機能を追加すると、「Configure」という赤いボタンが出ますので、クリックすると設定をすることができます。

Tab_ImgFilter_Configure

設定の内容は以下の通りです。

Tab_ImgFilter_ConfigureWindow

設定項目 内容
EXTENSION BACKGROUND COLOR 背景色を設定します。カラーコード(黒は#000000)での指定になりますが、HTMLカラーでも指定できます(黒ならBLACK)
SELECT A FILTER かけたいフィルタを設定します。
EXPECTED FILTER BEHAVIOR フィルタの振る舞いを指定します。「Single Select(単一の値)」「Multi Select(複数の値)」から指定します。
URL PATH OF THE IMAGES 画像を置いている場所のURL(ローカルフォルダでは指定できません。「C:\Pic」などはNG)
IMAGE BORDER COLOR WHEN SELECTED 画像を選択した際の境界色を指定
IMAGE WIDTH 画像の横幅(ピクセル単位)
IMAGE HEIGHT 画像の縦幅(ピクセル単位)

 

サンプル

実際に「SELECT A FILTER」を「Chiiki[シート1]」に設定し、URLはローカルに立てたWEBサーバーのパス(http://localhost:8000/pic/)その他はデフォルトで設定してみました。設定直後は以下のような画面となります。

なお、それぞれフィルタの項目名に対応する画像ファイル「Kansai.png」「Kanto.png」をWEBサーバーの「http://localhost:8000/pic/」以下に入れています。

Tab_ImgFilter_Sample1

シングルセレクトですので、ここで「Kansai」をクリックしてみます。

Tab_ImgFilter_Sample2

フィルタも連動して「関西地方」となっており、問題なく動作していると思います。

その他のオプションは「Button Filter」など参考にしていただければと思います。

注意点

実は、シングルセレクトの場合「すべて」にできません。マルチセレクトの場合は、地道にすべて選択すればよいのですが・・・。

感想

本拡張機能については、画像を置くWEBサーバーがないと使えないのが難点です。これよりは「形状」を使った方法の方がお手軽かもしれません。形状を使った方法は以下のURLで詳しく解説されています。

 

※Tableau 2018.3時点の情報です(拡張機能は2018/1/15時点)

  • 【Tableau拡張機能紹介】Show Me More
  • Tableauのデータ結合とデータの入れ替えについて
  • 設定後
    Tableauのダッシュボード拡張機能(Dashboard Extensions)とは
  • Tableau円グラフ
    Tableauで円グラフを作成する
  • TableauPublic_Catch
    Tableau Publicとは-Public版(無料)のTableauの概要をご説明します
  • alteryx_tableau_catch
    AlteryxとTableau連携について
Tableauの導入はぜひKCMEで!

セルフBIツール「Tableau」は2週間無償トライアルが可能です。

製品に対する操作方法、技術的な質問などは導入前・導入後に関わらずメールにてお答えします。また、Tableauを用いた環境構築、開発、ヘルプデスク対応、ハンズオン、トレーニング、ワークフロー作成なども承りますので、お気軽にご相談ください。

おすすめの記事