--- title: 【Sisense Plugin】Filter Buttonsでフィルター項目をダッシュボードに固定する description: Filter Buttonsを使うと、よく使うフィルターの項目をダッシュボードに固定することができます。Viewerからすると、嬉しい機能ですね。今回は、インストールからセッティング方法、デモまでお見せしていこうと思います！ image: https://knowledge.insight-lab.co.jp/hubfs/filter_buttons_demo-1.png --- ![INSIGHT LAB_文字のみ_WHT-1](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png?width=400&height=110&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png) ![INSIGHT LAB_文字のみ](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF.png?width=400&height=110&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF.png) [![お問い合わせ](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/5935783/a4a0266e-14ad-4388-b83f-681a6f35b8a7.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/5935783/a4a0266e-14ad-4388-b83f-681a6f35b8a7) - [Sisenseとは](https://service.insight-lab.co.jp/sisense) - [Sisenseナレッジ](https://knowledge.insight-lab.co.jp/sisense) - [セミナー](https://event.insight-lab.co.jp/sisense-seminar) - [トレーニング](https://service.insight-lab.co.jp/data-analytics-dojo/training_course) - [お役立ち資料](https://download.insight-lab.co.jp/sisense/download) ###### 3 分で読むことができます。 # [【Sisense Plugin】Filter Buttonsでフィルター項目をダッシュボードに固定する](https://knowledge.insight-lab.co.jp/sisense/filter-buttons) 執筆者 [Turtle](https://knowledge.insight-lab.co.jp/sisense/author/turtle) 更新日時 2020年10月23日 ###### Topics: [Plugin](https://knowledge.insight-lab.co.jp/sisense/tag/plugin) ![sisense filter buttons](https://knowledge.insight-lab.co.jp/hubfs/filter_buttons_demo-1.png) 目次 こんにちは！Michaelです。 今日はプラグインFilter Buttonsを紹介します。   ## Filter Buttonsとは フィルターの項目をボタンのように貼り付けることが可能なプラグインです。ボタンを押すと、その項目に関して、ダッシュボードレベルでフィルタリングがされるようになります。   ![filter_buttons_demo](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/filter_buttons_demo.png?width=810&name=filter_buttons_demo.png)   ## インストール 今回は公式プラグインではないので、Sisenseのコミュニティサイトから[ダウンロード](https://support.sisense.com/hc/en-us/community/posts/115009381008-Filter-Buttons-Widget)します。 --- ![filter_buttons_download](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/filter_buttons_download.png?width=697&name=filter_buttons_download.png) ---   ファイルをダウンロード後、解凍し、下記のパスに置きます。 **C:\\Program Files\\Sisense\\app\\plugins\\**   Sisenseのサービスをリスタートして、プラグインを読み込ませます。   ## 設定方法 ### ボタンを設置する 新しくウィジェットを作成します。詳細設定をクリックし、左上のチャート選択のドロップダウンからFilter Buttonsを選択します。   ![filter_buttons_where](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/filter_buttons_where.png?width=648&name=filter_buttons_where.png)   左ペインのbuttonsという項目からフィルターボタンとして表示させる項目を追加していきます。 **ボタンの数に制限はありません**。   「+」アイコンをクリックします。 ![buttons_from_where](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/buttons_from_where.png?width=575&name=buttons_from_where.png)   「fx」から数式入力場面に移ります。 ![1_fx_where](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/1_fx_where.png?width=605&name=1_fx_where.png)   数式に入力する項目（カラム）を選びます。今回の例では、売上都道府県を選びます。 ![2_add_field](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/2_add_field.png?width=763&name=2_add_field.png)   数式に\[項目名\]、ここでは\[売上都道府県\]が追加されました。 ![3_added_fx](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/3_added_fx.png?width=711&name=3_added_fx.png)   \[売上都道府県\]を右クリックし、フィルターを選択します。 ![4_right_click_filter](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/4_right_click_filter.png?width=431&name=4_right_click_filter.png)   すると、\[売上都道府県\]に存在する都道府県名が選べるようになります。フィルタリングする項目を設定できます。 ![5_filter_list](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/5_filter_list.png?width=788&name=5_filter_list.png) この中から、今回は「京都府」だけのフィルターボタンを作るので、「京都府」のみを選択します。複数項目の選択ももちろん可能です。 OKを押し、数式入力画面を出ます。 ![6_checked_kyoto](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/6_checked_kyoto.png?width=761&name=6_checked_kyoto.png)   数式入力画面の項目名が\[売上都道府県\]から\[売上都道府県1\]に変わりました。フィルターで選ぶと、名前が自動で他のものにリネームされます。ホバーすると、京都府だけが選ばれていることが表示されます。これでOKです。 ![7_named_changed](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/7_named_changed.png?width=442&name=7_named_changed.png)   これでフィルターボタンがロードされました！ ![8_loaded](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/8_loaded.png?width=1210&name=8_loaded.png)   左ペインの項目名（buttonsの下）がそのまま、フィルターボタン上にも表示されるので、「京都」に名前を変えます。 ![8_renamed](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/8_renamed.png?width=1040&name=8_renamed.png)   フィルターボタンの名前が変わりません。Javascriptが更新されていないからです。ウィジェット編集画面を出て、ダッシュボード上で確認すると名前が変わっていることが確認できます。 ![9_dashboard_show](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/9_dashboard_show.png?width=666&name=9_dashboard_show.png)   これでフィルターボタンの設置が完了しました！ この作業を繰り返し、（好きなだけ）ボタンを追加していくことになります。   ### 異なるカラムからの項目を追加 ボタンを追加します。 ![0_add_button-1](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/0_add_button-1.png?width=527&name=0_add_button-1.png) 今度は異なるカラムの項目を追加しようと思います。 上記とステップと同様に、今度は \[商品大分類\]の\[日用雑貨\]を追加しました。 ![10_only_one_shown](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/10_only_one_shown.png?width=1067&name=10_only_one_shown.png) 左ペインの\[商品大分類1\]を日用雑貨にリネームして、ウィジェット編集画面を出ます。ダッシュボードで見ると、 ![11_dashboard_two_buttons](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/11_dashboard_two_buttons.png?width=653&name=11_dashboard_two_buttons.png) 上手く表示されています！ 京都を押すと、\[売上都道府県\]が京都のみでフィルタリングされ、日用雑貨を押すと、\[商品大分類\]が日用雑貨で絞られます。   ### フィルターボタンのカスタマイズ ウィジェット編集画面の右ペインからフィルターボタンの動作の制御や文字サイズを変更したりすることができます。 ![right panel](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/right%20panel.png?width=296&name=right%20panel.png)   各項目について説明します。   #### Filter Behavior ダッシュボードレベルでのフィルターの動作をコントロールします。 **Clear All Filters**： 押したボタン以外のフィルターは全てクリア（解除）される。 **Add/Union**：現在かかっているフィルター条件にプラスしてフィルタリングをする   #### ALIGNMENT ボタンの文字、ボタン同士のスペースを調整する   #### Text Size テキストサイズを変更する   なお、フィルターボタンの見た目自体をカスタマイズするには、プラグインファイルに含まれているCSSで調整する方法しかなさそうです。   ## デモンストレーション 最後に、例として、フィルターボタンを複数まとめて設置しました。 1. Kanto Region: \[売上都道府県\]が東京都、埼玉県、千葉県、神奈川県 2. Young Generation：\[購入時年代\]が15歳から29歳まで 3. This Year: \[売上日\]が今年 4. Last Year: \[売上日\]が昨年   Date型や1つのディメンションからの複数選択に対しても対応しています。     ## まとめ 今回はプラグインFilter Buttonsを紹介しました。 よく使うフィルターの項目なんかを設置しておけば、Viewerからすると嬉しい機能ですね！   それではまた！Viva Sisense！！ Sisenseを体験してみませんか？ INSIGHT LABではSisense紹介セミナーを定期開催しています。Sisenseの製品紹介や他BI製品との比較だけでなく、デモンストレーションを通してSisenseのシンプルな操作性やプレゼンテーション機能を体感いただけます。 [![詳細はこちら](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/5935783/ff8d86bf-1184-4d92-8926-6a31a20de4b0.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/5935783/ff8d86bf-1184-4d92-8926-6a31a20de4b0) - [Tweet](https://twitter.com/share) ![Turtle](https://knowledge.insight-lab.co.jp/hubfs/Sunflower.jpg) #### 執筆者 [Turtle](https://knowledge.insight-lab.co.jp/sisense/author/turtle) 可視化領域を中心とした業務に従事しています。 ###### [前の投稿](https://knowledge.insight-lab.co.jp/sisense/looker-vs-sisense) [![BIツール徹底比較！第4回 SisenseとLooker【第3世代BIツール頂上決戦】](https://knowledge.insight-lab.co.jp/hubfs/Sisense-vs-Looker.jpg)](https://knowledge.insight-lab.co.jp/sisense/looker-vs-sisense) ###### [BIツール徹底比較！第4回 SisenseとLooker【第3世代BIツール頂上決戦】](https://knowledge.insight-lab.co.jp/sisense/looker-vs-sisense) ###### [次の投稿](https://knowledge.insight-lab.co.jp/sisense/-plug-in-quest) [![異常値の検知](https://knowledge.insight-lab.co.jp/hubfs/anomaly_point_out-1.png)](https://knowledge.insight-lab.co.jp/sisense/-plug-in-quest) ###### [【Sisense Plugin】Questの機能を紹介](https://knowledge.insight-lab.co.jp/sisense/-plug-in-quest) RECOMMEND こちらの記事も人気です。 ###### 4 分で読むことができます。 #### [【Sisense Administaration】無料のSSL証明書"Let's Encrypt"でSSL化してみる](https://knowledge.insight-lab.co.jp/sisense/administration/ssl_lets_encrypt) ###### 2020年 10月 16日 ###### 8 分で読むことができます。 #### [【API連携】Spotify音楽データの分析①【Sisense】](https://knowledge.insight-lab.co.jp/sisense/information/spotify_music_data_1) ###### 2020年 10月 16日 ###### 2 分で読むことができます。 #### [【Sisense Widget】折れ線グラフを階段状に表示する](https://knowledge.insight-lab.co.jp/sisense/widget/step_line_chart) ###### 2020年 10月 16日 ###### 3 分で読むことができます。 #### [【Sisense Widget】Radar Chartを使ってポケモンの種族値を表示してみた](https://knowledge.insight-lab.co.jp/sisense/widget/radarchart) ###### 2020年 10月 16日 ###### 3 分で読むことができます。 #### [【Sisense Formula】CASE関数を使って条件分岐する](https://knowledge.insight-lab.co.jp/sisense/formula/case) ###### 2020年 10月 16日 ###### 3 分で読むことができます。 #### [【Sisense Widget】折れ線グラフにおける欠落値の対処法](https://knowledge.insight-lab.co.jp/sisense/widget/line-graph) ###### 2020年 10月 16日 ##### 運営会社 運営会社 - [会社概要](https://www.insight-lab.co.jp/about/company.html) - [お問い合わせ](https://contact.insight-lab.co.jp/main) ##### メニュー メニュー - Sisenseとは - [Sisenseナレッジ](https://knowledge.insight-lab.co.jp/sisense) - [セミナー](https://event.insight-lab.co.jp/sisense-seminar) - [お役立ち資料](https://download.insight-lab.co.jp/sisense/download) [![INSIGHT LAB_文字のみ_WHT-1](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png?width=200&height=55&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png "INSIGHT LAB_文字のみ_WHT-1")](https://www.insight-lab.co.jp/) - [プライバシーポリシー](https://www.insight-lab.co.jp/privacy.html) Copyright © 2020 INSIGHT LAB, Inc. ```json { "@context" : "https://schema.org", "@type" : "VideoObject", "contentUrl" : "https://5935783.fs1.hubspotusercontent-na2.net/hubfs/5935783/ezgif.com-gif-maker%20(1).mp4", "dateModified" : "2022-05-26T20:35:17.433Z", "description" : "sisense filter buttons demo", "duration" : "PT27S", "height" : 898, "name" : "sisense filter buttons demo", "thumbnailUrl" : "https://api-na2.hubspot.com/filemanager/api/v3/files/thumbnail-redirect/36511241624?portalId=5935783&size=medium", "uploadDate" : "2020-10-22T09:51:43.882Z", "width" : 1598 } ```