--- title: 【Sisenseはじめの一歩：ダッシュボード編-1】単純な棒グラフを作成してみる description: Sisenseをこれから初めて触る方向けに全7回の記事でお届けする【Sisenseはじめの一歩】の第4回です。今回のテーマは「単純な棒グラフを作成してみる」です。 image: https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/18_bar_chart-1024x537-Oct-07-2020-03-13-39-31-AM.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) ###### 5 分で読むことができます。 # [【Sisenseはじめの一歩：ダッシュボード編-1】単純な棒グラフを作成してみる](https://knowledge.insight-lab.co.jp/sisense/introduction/dashboard01) 執筆者 [Turtle](https://knowledge.insight-lab.co.jp/sisense/author/turtle) 更新日時 2020年10月16日 ###### Topics: [Sisense はじめの一歩](https://knowledge.insight-lab.co.jp/sisense/tag/sisense-はじめの一歩) ![【Sisenseはじめの一歩：ダッシュボード編-1】単純な棒グラフを作成してみる](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/18_bar_chart-1024x537-Oct-07-2020-03-13-39-31-AM.png) 目次 この記事は、【Sisenseはじめの一歩】の第４回の記事です。 目次は[こちら](https://knowledge.insight-lab.co.jp/sisense/introduction/table-of-contents)。   こんにちは、Sato-Gです。 長いこと使っていたiPhone 6Sを昨日XRに機種変更してみた。特に6Sに不満があるわけではないし、XRにそれほど魅力は感じないんだけど、バッテリーが5～6時間しかもたなくなってきていたので仕方がない。 iPhoneはショップで購入すると5,000～10,000円の「頭金」が取られる。この頭金って代理店の手数料らしくて、キャリア（僕の場合はau）のオンラインショップで購入すると頭金の分だけ安くなるって知ってた？僕は今回の機種交換まで知らなかったんだよね。 というわけで、移行作業はMacのiTunesでバックアップを取ってやってたんだけど、iTinesのバージョンが最新になっていなかったせいで、Appleのサポートのお世話になることに... それで、これまでMacではAppleサポートには何度かお世話になってて、毎回その対応の良さに感心させられる。 今回は「リモートで接続させていただいてもよろしいでしょうか」って言われて、画面上に赤のポインターが出てきて、そのポインターをおねえさんが操作しながら優しく教えてくれる。 「すごいな、さすがApple！」 と感動してしまった。 何かとサポートのチャットボット化が進んでいるけど、やはりAppleの対応を受けちゃうと、この対応はチャットボットじゃできないなとつくづく思う。所詮、チャットボットに置き換えられるのは、三流のサポートスタッフくらいなんだろうね。 さて、前回までCSVファイルから簡単なデータモデルを作成してきた。今回からはそのデータモデルから簡単なダッシュボードを作成してみる。 作成するダッシュボードの最終形の構成要素は以下のとおりだ。 **- 売上と粗利のインジケータ** **- 棒グラフ** **- 面グラフ** **- ダッシュボードフィルター（画面右）** [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/01_dashboard-Oct-07-2020-03-13-35-23-AM.png?width=995&height=436&name=01_dashboard-Oct-07-2020-03-13-35-23-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/01_dashboard-Oct-07-2020-03-13-35-23-AM.png) ダッシュボード編の第１回目は最も単純な棒グラフを作成する。 ## データソースの指定 ダッシュボードを新たに作成するには、左側のパネルから「新しいダッシュボード」を選択する。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/02_datasource-1024x535-Oct-07-2020-03-13-37-46-AM.png?width=1024&height=535&name=02_datasource-1024x535-Oct-07-2020-03-13-37-46-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/02_datasource-Oct-07-2020-03-13-24-50-AM.png) データソースの選択画面が出てくる。既にElastiCubeで作成されたデータソースが表示されるので、ここから「foodmart」を選択する。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/03_datasource2-1024x533-Oct-07-2020-03-13-16-07-AM.png?width=1024&height=533&name=03_datasource2-1024x533-Oct-07-2020-03-13-16-07-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/03_datasource2-Oct-07-2020-03-13-10-77-AM.png) タイトルは「foodmart」と入力し、\[作成\]ボタンをクリックするとデータの選択画面が出てくる。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/05_selectdata-1024x535-Oct-07-2020-03-13-31-85-AM.png?width=1024&height=535&name=05_selectdata-1024x535-Oct-07-2020-03-13-31-85-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/05_selectdata-Oct-07-2020-03-13-21-94-AM.png) ## ウィジェットの作成（棒グラフ） 最初に作成するウィジェットはX軸が売上年月（ドリルダウンして年月日）、Y軸は売上金額の棒グラフで、ディメンション＝売上年月、メジャー＝売上金額となる。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/06_widget01-Oct-07-2020-03-13-39-92-AM.png?width=804&height=556&name=06_widget01-Oct-07-2020-03-13-39-92-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/06_widget01-Oct-07-2020-03-13-39-92-AM.png) Sisenseのデータ選択は、 **①メジャー** **②ディメンション** の順番で指定する。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/07_selectdata-1024x541-Oct-07-2020-03-13-12-07-AM.png?width=1024&height=541&name=07_selectdata-1024x541-Oct-07-2020-03-13-12-07-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/07_selectdata-Oct-07-2020-03-13-27-55-AM.png) よって\[+データの選択\]ボタンをクリックし、「売上」と入力すると、「売上」がつくフィールドの検索が行えるので、ここから「売上金額」を探し、右にある「詳細」のリンクをクリックする。そこで現れるコンテキストメニューで数式の候補が表示さえるので、「合計」を選択する。 そうするとウィジェットの候補が表示される。今回は「棒グラフ」を選択するとディメンションのないシンプルな棒グラフの表示となる。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/08_widget01-1024x536-Oct-07-2020-03-13-14-60-AM.png?width=1024&height=536&name=08_widget01-1024x536-Oct-07-2020-03-13-14-60-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/08_widget01-Oct-07-2020-03-13-34-56-AM.png) \[+その他のデータを追加\]をクリックし、今度はディメンションのフィールドを選択する。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/09_widget02-1024x535-Oct-07-2020-03-13-44-72-AM.png?width=1024&height=535&name=09_widget02-1024x535-Oct-07-2020-03-13-44-72-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/09_widget02-Oct-07-2020-03-13-41-84-AM.png) 売上年月を表示したいので「月」を指定すると、以下のように表示が切り替わる。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/10_widget03-1024x499-Oct-07-2020-03-13-35-85-AM.png?width=1024&height=499&name=10_widget03-1024x499-Oct-07-2020-03-13-35-85-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/10_widget03-Oct-07-2020-03-13-33-68-AM.png) 表示されたウィジェットの左下の\[詳細設定\]をクリックすると、詳細設定の画面となる。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/11_widget04-1024x544-Oct-07-2020-03-13-15-33-AM.png?width=1024&height=544&name=11_widget04-1024x544-Oct-07-2020-03-13-15-33-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/11_widget04-Oct-07-2020-03-13-40-86-AM.png) ウィジェット詳細設定の画面の構成は以下の通り 左：ディメンションとメジャーが設定されている。「カテゴリ」がX軸（ディメンション）、「値」がY軸（メジャー） 中央：グラフの表示部 右：「フィルター」「デザイン」のタブがあり、デフォルトでは「デザイン」が表示される。 デザインは選択するグラフの種類により異なるが、棒グラフでは **- 列の種類（スタイル）** **- 凡例** **- 値ラベル（グラフ上に値を表示するか）** **- X軸** **- Y軸** **- 自動ズーム** が設定できる。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/11_widget04-1-1024x544-Oct-07-2020-03-13-28-46-AM.png?width=1024&height=544&name=11_widget04-1-1024x544-Oct-07-2020-03-13-28-46-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/11_widget04-1-Oct-07-2020-03-13-32-80-AM.png) 今回は、Y軸のタイトルに「売上金額」と入力しておく。一旦、\[適用\]ボタンを押し、表示してみよう。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/12_widget05-1024x339-Oct-07-2020-03-13-25-73-AM.png?width=1024&height=339&name=12_widget05-1024x339-Oct-07-2020-03-13-25-73-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/12_widget05-Oct-07-2020-03-13-13-91-AM.png) ウィジェットの作成は至って簡単！しかし、この画面を見ていると、直したいところがいくつかある。 ここで直しておきたい点は -年月のドリルダウン -年月の書式がmm/yyyyになっていて違和感があるので、yyyy/mmにする ## ドリルダウンの設定 左のカテゴリに配置された「Months 単位 売上日」の右側をクリックし、メニューから名前の変更を選択し、「年月」に変更する。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/13_rename-1024x539-Oct-07-2020-03-13-36-60-AM.png?width=1024&height=539&name=13_rename-1024x539-Oct-07-2020-03-13-36-60-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/13_rename-Oct-07-2020-03-13-31-13-AM.png) さらに同様にメニューから「階層」を選択し、階層の設定を行う。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/14_kaiso-1024x538-Oct-07-2020-03-13-11-47-AM.png?width=1024&height=538&name=14_kaiso-1024x538-Oct-07-2020-03-13-11-47-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/14_kaiso-Oct-07-2020-03-13-29-34-AM.png) 階層は「カレンダー階層」になっている。月を選択したので、月→日とドリルダウンできるようSisenseが自動で認識している。 そう、Sisenseでは、データ形を「日時」で指定すると、自動的に日付の階層を作ってくれているため、年、四半期、月、日などの項目は作る必要はない。 ここではカレンダー階層で問題ないので、\[OK\]を押して閉じておく。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/15_drill-1024x542-Oct-07-2020-03-13-12-81-AM.png?width=1024&height=542&name=15_drill-1024x542-Oct-07-2020-03-13-12-81-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/15_drill-Oct-07-2020-03-13-19-83-AM.png) ここで、ドリルダウンした時のラベルも変更しておこう。グラフ上から任意の月を選択し、右クリックでメニューを表示す。ここで「日 売上日」を選択し、ラベルを「年月日」に変更しておく。Total 売上金額のラベルも「売上金額」に変更しておこう。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/16_date_rename-1-1024x532-Oct-07-2020-03-13-42-72-AM.png?width=1024&height=532&name=16_date_rename-1-1024x532-Oct-07-2020-03-13-42-72-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/16_date_rename-1-Oct-07-2020-03-13-38-26-AM.png) ## 日付書式の設定 さらに日付の書式を変更する。書式の変更は、下の行にある書式アイコンをクリックして行う。 ここで「月」を選択し、書式を「yyyy/MM」と入力する。同様にその他の書式もここで設定しておく。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/17_date_format-Oct-07-2020-03-13-30-24-AM.png?width=890&height=903&name=17_date_format-Oct-07-2020-03-13-30-24-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/17_date_format-Oct-07-2020-03-13-30-24-AM.png) これで一通りの設定が終わったので、\[適用\]をクリックして、年月の書式が正しく行われているか、任意の年月を指定して、ドリルダウンが行えるか確認しておこう。 [![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/18_bar_chart-1024x537-Oct-07-2020-03-13-39-31-AM.png?width=1024&height=537&name=18_bar_chart-1024x537-Oct-07-2020-03-13-39-31-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/18_bar_chart-Oct-07-2020-03-13-26-64-AM.png) ## まとめ 単純な棒グラフを作成してきたが、直感的にグラフが作成できることはわかった。表示するフォントサイズなども自動的に調整されているようだ。そのせいか、グラフの詳細の設定の自由度が少ない。 例えば、グラフのX軸ラベルを縦にしたいなどの要望があった場合はどうするか？ラベルの表示角度は自動調整されているため、不要といえば不要なのだが、Excelなどに慣れているユーザからするともう少し調整ができるといいと言われそうだ。 ここでは触れなかったが、Y軸側のラベル表示なども日付書式同様に設定が可能だ。数値、通貨、パーセントの書式に対応している。 ああしたい、こうしたいと表示にこだわる方もいるのだろう。見た目に凝りたい人には物足りなさを感じるかもしれないが、誰でも簡単にグラフをきれいに作るということを目的にすれば、こういう「半自動」的な方法のほうが手っ取り早いし、習得も早いから、そこは割り切って使うべきなのだろう。 次回は、もう少し進んだウィジェットの作成方法をご紹介する。 ではまた！ 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/introduction/elasticube-manager) [![【Sisenseはじめの一歩：データモデリング編-2】Data Designerでデータモデルを編集する](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/15cfd0ba91111d106cdc681135ab5832-4.png)](https://knowledge.insight-lab.co.jp/sisense/introduction/elasticube-manager) ###### [【Sisenseはじめの一歩：データモデリング編-2】Data Designerでデータモデルを編集する](https://knowledge.insight-lab.co.jp/sisense/introduction/elasticube-manager) ###### [次の投稿](https://knowledge.insight-lab.co.jp/sisense/introduction/dashboard02) [![【Sisenseはじめの一歩：ダッシュボード編-2】ウィジェットやフィルター追加してレイアウトを整理する](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/14_filter02-1024x460-3.png)](https://knowledge.insight-lab.co.jp/sisense/introduction/dashboard02) ###### [【Sisenseはじめの一歩：ダッシュボード編-2】ウィジェットやフィルター追加してレイアウトを整理する](https://knowledge.insight-lab.co.jp/sisense/introduction/dashboard02) 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.