--- title: QlikViewでヒートマップ(Heat Map)を作成する方法 description: QlikViewでヒートマップ(Heat Map)を作成する方法 image: https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/111.jpg --- ![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/aa7d2aca-2874-4f87-98d4-99e3ab71d2a7.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/5935783/aa7d2aca-2874-4f87-98d4-99e3ab71d2a7) - [Qlikナレッジ](https://knowledge.insight-lab.co.jp/qliksense) - [セミナー](https://event.insight-lab.co.jp/qlik-seminar) - [お役立ち資料](https://download.insight-lab.co.jp/qlikview/download) ###### 3 分で読むことができます。 # [QlikViewでヒートマップ(Heat Map)を作成する方法](https://knowledge.insight-lab.co.jp/qlikview/knowledge/chart/heat_map) 執筆者 [Deck](https://knowledge.insight-lab.co.jp/qlikview/author/deck) 更新日時 2014年4月18日 ###### Topics: [ヒートマップ(Heat Map)](https://knowledge.insight-lab.co.jp/qlikview/tag/e38392e383bce38388e3839ee38383e38) [チャート（Chart）](https://knowledge.insight-lab.co.jp/qlikview/tag/チャートchart) ![QlikViewでヒートマップ(Heat Map)を作成する方法](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/111.jpg) 目次 Qlikview （クリックビュー）では　ヒートマップを作成することが出来ます。 以前の記事では　[「配色ウィザード」](https://knowledge.insight-lab.co.jp/qlikview/knowledge/sheetobject/colormix-wizard)複数色を使って数字によって色分け（ヒートマップ）をしましたが今回の記事では別の方法で単色の使い方を見てみましょう。   ## QlikViewでヒートマップを作成   今回は、 1. **「年月日別売り上げ金額」のピボットデーブルを作成する。** 2. ** 売上金額に応じ色分けし、シートを見やすくする。** の作業を行います。   ### ロードスクリプトのデータソース 今回の記事で必要なデータソースは『年月日』、『年』、『月』、『日』、『売上金額』　です。 [![01](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/01.jpg?width=650&name=01.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/01.jpg)   ### ピボットテーブルの作成 1.\[チャートの追加ウィンドウ\] を開きます。   ### 基本設定 1.【チャートの種類】から『ピボットテーブル』を選択します。 2.【次へボタン】を押します。 [![02](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/02.jpg?width=650&name=02.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/02.jpg)   ### 軸 1.【項目/グループ】から『年』、『月』、『日』を選択し、【追加ボタン】を押します。 2.【軸項目】に『年』、『月』、『日』が表示されているのを確認して、【次へボタン】を押します。 [![03](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/03.jpg?width=650&name=03.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/03.jpg)   ### 数式の編集 1.空欄に『Sum (売上金額)』と入力します。 2.【OKボタン】を押します。 3. 【完了】を押します。 [![04](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/04.jpg?width=689&height=452&name=04.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/04.jpg) [![08](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/08.jpg?width=399&height=401&name=08.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/08.jpg)   ### 変数の設定 1. メニューバーから　『設定(S)』を押します。 2. 『変数一覧(V)..』を押します。 3. 『変数一覧』画面から　『追加』を押します。 [![05](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/05.jpg?width=622&height=476&name=05.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/05.jpg)   4. 『変数の新規作成』画面の変数名を　『vColor』にします。 5. 『OK』を押します。 [![06](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/061.jpg?width=466&height=132&name=061.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/061.jpg) 6.  『vColor』を選択します。 7.  定義に　『= 255 /Max ( Aggr( Sum( 売上金額) ,年月日))』 を入力します。 8. 『OK』を押します。 [![07](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/07.jpg?width=621&height=474&name=07.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/07.jpg)     ### チャートの数式の色の設定 1．作成したチャートを右クリックし、『プロパティ(P)..』を開きます。 2. 『数式』タブを開きます。 3. 『数式』の『sum(売上金額)』　『＋』ところをクリックします。 4. 『背景色』をダブルクリックします。 [![08](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/081.jpg?width=650&name=081.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/081.jpg)   5. 『数式の編集』画面に　『ARGB(sum(売上金額)\*vColor,0,255,0)』　を入力します。 ※　今回　RBG 0,255,0 緑を使いましたが色をRGB　を変えることによって変更できます。 6. 『OK』を押します。 [![09](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/09.jpg?width=547&height=415&name=09.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/09.jpg)   ※　ピボットテーブルは以下のように色が付きます。 [![10](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/10.jpg?width=400&height=400&name=10.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/10.jpg)   ### チャートの見栄えをよくする 1. 一番左にある『年』を『sum(売上金額)』の上にドラッグする。 2. 『月』も同じ用に　『年』の下にドラッグします。 [![11](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/11.jpg?width=398&height=400&name=11.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/11.jpg)   ※以下のようになります。 [![11](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/111.jpg?width=650&name=111.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/111.jpg) 緑色が濃い場合は売上金額が高いことと緑色が薄い場合は売上金額が低いことが分かります。 [QlikViewで扱えるチャート一覧はこちら](https://knowledge.insight-lab.co.jp/qlikview/chart-table-of-contents)   QlikViewを体験してみませんか？ INSIGHT LABではQlik紹介セミナーを定期開催しています。QlikViewとQlik Senseの簡単な製品概要から、Qlikの特性である「連想技術」のご紹介、デモを通してQlikViewとQlik Senseの操作感や美しいインターフェースをご覧いただきます。企業の大切な資産である膨大なデータからビジネスを発見する 「Business Discovery」を是非ご体験ください。 [![詳細はこちら](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/5935783/4a7308dd-d660-4b98-9c26-e0e0c9fd28a0.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/5935783/4a7308dd-d660-4b98-9c26-e0e0c9fd28a0) - [Tweet](https://twitter.com/share) ![Deck](https://knowledge.insight-lab.co.jp/hubfs/deck.png) #### 執筆者 [Deck](https://knowledge.insight-lab.co.jp/qlikview/author/deck) BIスペシャリスト ###### [前の投稿](https://knowledge.insight-lab.co.jp/qlikview/knowledge/functiontips/salesforce_connect) [![](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/SF4.jpg)](https://knowledge.insight-lab.co.jp/qlikview/knowledge/functiontips/salesforce_connect) ###### [【QlikView】SalesforceとQlikView連携](https://knowledge.insight-lab.co.jp/qlikview/knowledge/functiontips/salesforce_connect) ###### [次の投稿](https://knowledge.insight-lab.co.jp/qlikview/knowledge/functiontips/replace) [![](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/replace1.png)](https://knowledge.insight-lab.co.jp/qlikview/knowledge/functiontips/replace) ###### [【QlikView】Replace関数を使って文字列を置き換える](https://knowledge.insight-lab.co.jp/qlikview/knowledge/functiontips/replace) RECOMMEND こちらの記事も人気です。 ###### 2 分で読むことができます。 #### [QlikView 関数 まとめ一覧【重要関数大全】](https://knowledge.insight-lab.co.jp/qlikview/qlikview_function-tips_list) ###### 2020年 8月 28日 ###### 2 分で読むことができます。 #### [【QlikView】簡単にデータを扱うことができる：ロードスクリプト まとめ一覧【初心者向け】](https://knowledge.insight-lab.co.jp/qlikview/loadscript) ###### 2020年 8月 28日 ###### 1 分で読むことができます。 #### [QlikViewのSet分析の使い方まとめ【 基本的な構文から応用的実装まで】](https://knowledge.insight-lab.co.jp/qlikview/functiontips/set_analsys) ###### 2013年 9月 1日 ##### INFORMATION INFORMATION - [会社概要](https://www.insight-lab.co.jp/about/company.html) - [お問い合わせ](https://contact.insight-lab.co.jp/main) ##### MENU MENU - QlikViewとは - [QlikViewナレッジ](https://knowledge.insight-lab.co.jp/qlikview) - [セミナー](https://event.insight-lab.co.jp/qlik-seminar) - [お役立ち資料](https://download.insight-lab.co.jp/qlikview/download) [![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_WHT.png?width=200&height=55&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT.png "INSIGHT LAB")](https://www.insight-lab.co.jp/) - [プライバシーポリシー](https://www.insight-lab.co.jp/privacy.html) Copyright © 2020 INSIGHT LAB, Inc.