--- title: 【Sisense Widget】標準ウィジェットを一挙大紹介 - その1 description: 今回から、Sisenseの標準ウィジェットを紹介していきます。記念すべき第一回として、インジケータと棒グラフを紹介しています。 image: https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/2e89784437e2250dae969adac118f253-2.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) ###### 4 分で読むことができます。 # [【Sisense Widget】標準ウィジェットを一挙大紹介 - その1](https://knowledge.insight-lab.co.jp/sisense/widget/widget_introduction_1) 執筆者 [Turtle](https://knowledge.insight-lab.co.jp/sisense/author/turtle) 更新日時 2020年10月16日 ###### Topics: [Widget](https://knowledge.insight-lab.co.jp/sisense/tag/widget) ![【Widget】Sisense 標準ウィジェットを一挙大紹介 - その1](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/2e89784437e2250dae969adac118f253-2.png) 目次 こんにちは。Turtleです。 気づいたら7月が終わっていて、目の前には「お盆休み」というものが転がっていた。ぼくの記憶の限りだと、ぼくの家には「お盆休み」というものが無かったので（休みはあったかもしれないけど、日常と何も変わらなかった気がする）、どうもいつからいつまでを指しているのかがピンとこない。 大学生の頃、友人に「お盆という習慣（お墓参り等）があまりうちにはないんだよねー」と話すと、（その友人は関西出身だったのだが）「北海道の人、そういう人多いよな。俺の周りにも北海道出身でそういうやつおるわ」と返してきた記憶がある。 今になってこの真偽を検証したくなってきた。北海道出身の人は"お盆"に対する意識が低いのか否か。地味に気になる... というわけで、お盆休みが近づいてきましたが、その前にSisenseについての知識を固めるのも良いよね、ということで。（強引） 今回から数回にわたって、Sisenseの標準ウィジェットについて紹介していきたいと思います。いやー、正直どこまで詳細に紹介すべきなのか困っているのだけど。重要なところを漏らさないよう意識して書いていこうと思います。宣言しちゃいましたね。 ## 1. はじめに 先述の通り、これから数回にわたってSisenseの標準ウィジェットを紹介していこうと思うのですが...さて皆さん、Sisenseの標準ウィジェットが一体いくつあるのかご存知ですか？ 正解は**16**（Turtle調べ）（ここ重要）。改めて数えてみると、結構あるんだね。中には普段全然使わないものもあったし...ここで紹介することで、読んでくれた皆さんが代わりに使ってくれたら良いのではないかと思います！笑 えー、話を戻して。 標準ウィジェットの紹介では、扱うデータとモデリングは以下の記事の通りとする。Sisenseをあまり触ったことがなくてまだ読んでいない人は、是非読んでみてね。（もちろんその他の人も） [【Sisense はじめの一歩：データモデリング編-1】Data Designerでデータモデルを作ってみる](https://knowledge.insight-lab.co.jp/sisense/introduction/datamodeling1) [【Sisense はじめの一歩：データモデリング編-2】ElastiCube Managerでデータモデルを編集する](https://knowledge.insight-lab.co.jp/sisense/introduction/elasticube-manager) データモデルの完成形は以下のようになるはず！ [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/e331cac724d1eb22eeebf9c7d7f57b63-2.png?width=719&height=440&name=e331cac724d1eb22eeebf9c7d7f57b63-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/e331cac724d1eb22eeebf9c7d7f57b63-2.png) ## 2. インジケータ それではさっそくウィジェット紹介。まずはインジケータから。 インジケータには大きく分けて「数値」と「ゲージ」の２つのタイプがある。それぞれの設定画面を以下では見ていくことにする。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/44c90688fd0e52e42c701651b07a1110-1-1024x323-2.png?width=1024&height=323&name=44c90688fd0e52e42c701651b07a1110-1-1024x323-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/44c90688fd0e52e42c701651b07a1110-1-2.png) ### 数値インジケータ まずは数値タイプの方から。設定画面はこんな感じになっている。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/64133f4d0580ea4e2ca3670ad93f6179-1024x470-2.png?width=1024&height=470&name=64133f4d0580ea4e2ca3670ad93f6179-1024x470-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/64133f4d0580ea4e2ca3670ad93f6179-2.png) **「値」と「セカンダリ」** インジケータでは「値」と「セカンダリ」として最大２つの指標を表示することができる。ここでは「値」にSUM(売上金額)、「セカンダリ」にSUM(売上数量) を表示させている。 **インジケータのサブタイプ** 数値インジケータにはサブタイプとして「簡易」と「縦棒」の２つがある。２つの視覚的な違いは以下の画像で確認してほしい。もちろん、もう少し設定を細かく加えることもできるが、ここでは割愛させていただきたい（インジケータだけで記事が終わりそうだから..）。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/14eb290a9cea4fe67e42db8ddeaeeea3-1024x326-2.png?width=1024&height=326&name=14eb290a9cea4fe67e42db8ddeaeeea3-1024x326-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/14eb290a9cea4fe67e42db8ddeaeeea3-2.png) **スキン** タイトル（今回で言うと"Total 売上金額"の部分）を上に表示するか横に表示するかを選択することができる。 **コンポーネント** タイトルを表示するかどうかを選択することができる。 ### ゲージインジケータ 次はゲージタイプの設定画面。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/d17e73482d6fd08464db102f78280736-1024x472-2.png?width=1024&height=472&name=d17e73482d6fd08464db102f78280736-1024x472-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/d17e73482d6fd08464db102f78280736-2.png) **「値」と「セカンダリ」** ゲージタイプも「値」と「セカンダリ」の最大２つの指標を表示可能。 **min と max** ここでゲージの最小値と最大値を設定可能。例えば最大値に PASTYEAR(売上金額)と設定しておけば、期間を指定したときに前年と比べてどうだったのかを視覚的に捉えることができる。 **スキン** ゲージの見た目を設定できる。（以下の通り） [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/799f96f9d5f2ca1d707884a2084bf156-1024x352-2.png?width=1024&height=352&name=799f96f9d5f2ca1d707884a2084bf156-1024x352-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/799f96f9d5f2ca1d707884a2084bf156-2.png) **コンポーネント** ・チェックマーク（ゲージの上の点）・ ラベル（最大値と最小値, 上の画像でいうと0と100）・タイトル（上の画像でいうと "Total 売上金額"）の表示の有無をそれぞれ選択することができる。 ### ティッカー 最後に紹介するのが「ティッカー」というタイプである。インジケータを小さくすることで自動的に発動する、いわば「隠しタイプ」のようなものだ（※公式のドキュメントにはちゃんと載っている。つまり隠していたのはぼくたちなのかもしれない）。 自分でもよくわからない冗談はさておき...数値タイプとゲージタイプではティッカーになったときに若干見え方が異なる。ゲージタイプがティッカーになったときは、max値に対して値がどれくらいなのかを視覚的に認識できるようになっている。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/0030e9027a52818fcb0173e264a8e736-1024x63-2.png?width=1024&height=63&name=0030e9027a52818fcb0173e264a8e736-1024x63-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/0030e9027a52818fcb0173e264a8e736-2.png) ## 3. 縦棒グラフ・棒グラフ さて、次は縦棒グラフ・棒グラフ。「チャートといえばこれ！」というまさに王道のチャートではないだろうか。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/2e89784437e2250dae969adac118f253-2.png?width=981&height=338&name=2e89784437e2250dae969adac118f253-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/2e89784437e2250dae969adac118f253-2.png) 縦棒グラフ、棒グラフは設定方法が同じなので、ここでは縦棒グラフの方を用いることにする。縦棒グラフの作成画面は以下のようになっている。 ### 基本設定 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/472182c935fafd7895eb3ea0b6ce4c8b-1024x479-2.png?width=1024&height=479&name=472182c935fafd7895eb3ea0b6ce4c8b-1024x479-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/472182c935fafd7895eb3ea0b6ce4c8b-2.png) **カテゴリと値** 今回は、①カテゴリ：「売上都道府県」 ➁値：「Total 売上金額」に設定している。出来上がったチャートを見るとわかるように、「"カテゴリ"別に"値"を見る」のが基本イメージ。 **区切り基準** では次に③区切り基準を追加していく。 区切り基準→追加→「Dim\_顧客」→「性別」を選択。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/35e6c5557168cda1a061ac15d1053d0f-1024x359-2.png?width=1024&height=359&name=35e6c5557168cda1a061ac15d1053d0f-1024x359-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/35e6c5557168cda1a061ac15d1053d0f-2.png) 完成したチャートは上の画像の右のようになるはず。このように、③：区切り基準は軸をさらに区切って値を見たいときに使用する。 **列の種類** 次に重要な設定が、④列の種類 である。実は最初の状態（区切り基準を追加する前）では選択することができなかったのだが、値を複数設定するか、今回のように区切り基準を設定すると、列の種類を設定できるようになる。 「クラシック」「積み上げ」「積み上げ100」の三種類があり、目的に応じて使い分けることが可能になっている（クリックするだけで自由にこの３つを切り替えることができるのは、かなりありがたいよね）。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/410f510c212f4f9d72716a3bdb7c83fe-1024x274-2.png?width=1024&height=274&name=410f510c212f4f9d72716a3bdb7c83fe-1024x274-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/410f510c212f4f9d72716a3bdb7c83fe-2.png) ### 詳細設定 カーソルを 値 のところに持っていくと、細かい設定を追加することができる。Sisenseを触り始めてそこまで長いわけじゃないけど、「ここをどれだけ使いこなすことができるかが可視化技術の大きな鍵を握る」と個人的に思っている（冗談じゃないよ、本気だよ）。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/219c4875334b48d1312bd4fc377a0725-1024x579-2.png?width=1024&height=579&name=219c4875334b48d1312bd4fc377a0725-1024x579-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/219c4875334b48d1312bd4fc377a0725-2.png) **フィルター** 上の画像のように、「売上金額Top5だけを表示する」のような絞り込みも可能。是非とも使いこなせるようになりたい便利な機能。 **メニュー** 値を複製したり、クイック関数を使ったり、欠落値をゼロと表示したり...ここからさらにいろいろなことが行えるようになっている。他のブログ記事でもここの機能はさらっと使われている（以下に例を載せておく）。つまり、それくらいよく使われる必須な機能。ここでは各メニューの詳細は割愛するので、是非この機会にいろいろ試してみてほしい。 クイック関数が登場する記事 → [こちら](https://knowledge.insight-lab.co.jp/sisense/formula/-formula-経時変化と現在までの値) 欠落値のゼロ表示が登場する記事 → [こちら](https://knowledge.insight-lab.co.jp/sisense/widget/line-graph) **数値形式** 数値を省略して表示したり、0.16→16%と表示を変更したり、小数点の位置を設定したり...これもまたよく使われる便利な機能。 **並べ替え** 昇順・降順にソートすることができる。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/3625880640c7076d089fc14ed41a7c32-1024x281-2.png?width=1024&height=281&name=3625880640c7076d089fc14ed41a7c32-1024x281-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/3625880640c7076d089fc14ed41a7c32-2.png) ### デザイン設定 最後に、デザインの設定について紹介する。デザインの設定は、Widget作成画面の右側から行う。項目は以下の通り。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/1e6652f66e5a61b03e6a85ba34d3a234-2.png?width=689&height=495&name=1e6652f66e5a61b03e6a85ba34d3a234-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/1e6652f66e5a61b03e6a85ba34d3a234-2.png) **凡例** ここで言うと「女性」「男性」の部分。表示の有無・位置を設定できる。 **値ラベル** 相対値（女性, 男性それぞれの値）と合計値の表示を設定。なお、列の種類を「積み上げ100」にすると、項目が自動で「COUNT（相対値と同じ）」「割合（%）」「合計値」に切り替わる。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/a501e647ddb5df3a1f56d0a2708cb41b-1024x522-2.png?width=1024&height=522&name=a501e647ddb5df3a1f56d0a2708cb41b-1024x522-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/a501e647ddb5df3a1f56d0a2708cb41b-2.png) **X-軸** グリッド線、ラベル（ここでいうと都道府県名のこと）、タイトルの有無をそれぞれ設定できる。 **Y-軸** X-軸と同様にグリッド線、ラベル、タイトルの有無を設定できるのに加えて、Y軸の値を対数で取ったり、最小・最大値や目盛りの間隔をマニュアルで設定できる。 ## 4. まとめ 今回は、標準ウィジェット紹介の第一回として、インジケータと縦棒グラフについて紹介した。記念すべき第一回ということもあってか、少し冗長だったかなと反省している。 ...けど、ここで紹介している機能は普段本当によく使うものばかりだし、無駄ではないと思っているのも事実。 読んでいて飽きないようなコンパクトな長さで、重要なことをお届けできるように全身全霊で引き続き記事を書いて参りますので、皆様どうか温かい目でお付き合いください。 ということで！！！ それでは。 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/dashboard/filter_test) [![【Filter】フィルターによるデフォルト表示の設定と絞り込み](https://knowledge.insight-lab.co.jp/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%20(1549).png)](https://knowledge.insight-lab.co.jp/sisense/dashboard/filter_test) ###### [【Sisense Dashboard】フィルターによるデフォルト表示の設定と絞り込み](https://knowledge.insight-lab.co.jp/sisense/dashboard/filter_test) ###### [次の投稿](https://knowledge.insight-lab.co.jp/sisense/widget/widget_introduction2) [![【Widget】Sisense 標準ウィジェットを一挙大紹介 - その2](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/48be110d2c154a262cee4b683b29a977-2.png)](https://knowledge.insight-lab.co.jp/sisense/widget/widget_introduction2) ###### [【Sisense Widget】標準ウィジェットを一挙大紹介 - その2](https://knowledge.insight-lab.co.jp/sisense/widget/widget_introduction2) 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.