--- title: 【QlikView】マルチゲージチャートの作成 description: マルチゲージチャートの作成 image: https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/66c19942ab4ba346fdb64ccc04cde373-Aug-28-2020-04-27-15-63-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/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) ###### 6 分で読むことができます。 # [【QlikView】マルチゲージチャートの作成](https://knowledge.insight-lab.co.jp/qlikview/knowledge/chart/multi-gauge) 執筆者 [KJ](https://knowledge.insight-lab.co.jp/qlikview/author/kj) 更新日時 2014年10月10日 ###### Topics: [ゲージチャート](https://knowledge.insight-lab.co.jp/qlikview/tag/e382b2e383bce382b8e38381e383a3e38) [チャート（Chart）](https://knowledge.insight-lab.co.jp/qlikview/tag/チャートchart) ![](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/66c19942ab4ba346fdb64ccc04cde373-Aug-28-2020-04-27-15-63-AM.png) 今回はQlikView（クリックビュー)のゲージチャートを使って作成する、マルチゲージチャートについてご紹介します。 マルチゲージチャートは複数の値を同時に確認することができ、 どの製品が売れているのかなどを一目で把握することができるため、とても便利なチャートです。 完成図は下のようになります。 [![QlikViewマルチゲージチャート](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/66c19942ab4ba346fdb64ccc04cde373-Aug-28-2020-04-27-15-63-AM.png?width=600&name=66c19942ab4ba346fdb64ccc04cde373-Aug-28-2020-04-27-15-63-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/66c19942ab4ba346fdb64ccc04cde373-Aug-28-2020-04-27-15-63-AM.png)   では、作成方法をご紹介していきます。 今回はこちらで用意したデータを使っていきます。下のボタンからExcelファイルをダウンロードしてください。 \[wpdm\_file id=23\]   ダウンロードが完了したら、QlikViewを開きます。 ロードスクリプトを開いて、【テーブルファイル】から、ダウンロードしたExcelファイルを読み込みます。   [![キャプチャ１](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/47f8654e4e3b3b8f85600b96e6b7daac-1.png?width=497&height=335&name=47f8654e4e3b3b8f85600b96e6b7daac-1.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/47f8654e4e3b3b8f85600b96e6b7daac-1.png)   読み込みが完了したら、リロードをします。 リロードができたら、チャートを作成していきます。 【シートオブジェクトの追加】から【ゲージチャート】を選択します。 【ウィンドウタイトル】を「支店別売上」にします。【ゲージチャート】を選択します。 【チャートにタイトルを表示する】のチェックを外して、次へ進みます。   [![キャプチャ2](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/44d29d2792be3bad9a9ed98c7bbb20d6-Aug-28-2020-04-27-14-50-AM.png?width=496&height=334&name=44d29d2792be3bad9a9ed98c7bbb20d6-Aug-28-2020-04-27-14-50-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/44d29d2792be3bad9a9ed98c7bbb20d6-Aug-28-2020-04-27-14-50-AM.png)   数式を追加します。 【数式】タブを選択し、【定義】に以下の式を入力します。 =sum({<支店名={"$(=FieldValue('支店名',1))"}>} 売上金額) この数式は支店名から、1番目の項目を取り出して、売上金額を算出しています。   [![キャプチャ3](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/0e4aae38a1f5494592124a884058f7cb-Aug-28-2020-04-27-16-74-AM.png?width=517&height=352&name=0e4aae38a1f5494592124a884058f7cb-Aug-28-2020-04-27-16-74-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/0e4aae38a1f5494592124a884058f7cb-Aug-28-2020-04-27-16-74-AM.png)   次に、【プレゼンテーション】タブを選択します。 【ゲージの設定】の【最大値】を「100000」にします。【スタイル】を【クラシック】にします。 【セグメントの設定】から「Segment3」を追加して、３つにします。 それぞれの色を以下にします。 Segment1…緑 Segment2…黄色 Segment3…赤 【目盛】を「９」にして、【セグメントの境界を隠す】と【ゲージの輪郭を隠す】にチェックを入れます。   [![キャプチャ4](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/dda9bb331e5adc2b5a3ca1088fa71280-4.png?width=550&height=375&name=dda9bb331e5adc2b5a3ca1088fa71280-4.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/dda9bb331e5adc2b5a3ca1088fa71280-4.png)   さらに、【インジケータ】に【色】を変更します。 色は任意の色でかまいません。 変更した色のRGBをあとから、使いますのでメモしておいてください。   [![キャプチャ7](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/abf92b3a4c3eeb1db239b7fb8223bddd-4.png?width=550&height=364&name=abf92b3a4c3eeb1db239b7fb8223bddd-4.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/abf92b3a4c3eeb1db239b7fb8223bddd-4.png)   次に、【レイアウト】タブを選択します。 【影の強度】を【薄】に変更します。 【レイヤー】を【背面】にします。   [![キャプチャ5](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/080047c41d77c58d97cf85ec35d0e15b-Aug-28-2020-04-27-13-04-AM.png?width=550&height=376&name=080047c41d77c58d97cf85ec35d0e15b-Aug-28-2020-04-27-13-04-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/080047c41d77c58d97cf85ec35d0e15b-Aug-28-2020-04-27-13-04-AM.png)   【OK】を押します。 1つ目のゲージチャートが完成しました。     [![キャプチャ6](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/486359223c22c9ae1b93f7f652f68c66-4.png?width=555&height=296&name=486359223c22c9ae1b93f7f652f68c66-4.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/486359223c22c9ae1b93f7f652f68c66-4.png) 完成したチャートを土台にして、別のチャートを重ねていきます。   コピー＆ペーストでチャートを2つに増やします。 増やしたチャートの【プロパティ】を開きます。   【数式】タブを選択し、数式を以下に変更します。 =sum({<支店名={"$(=FieldValue('支店名',2))"}>} 売上金額)   この式は先ほどの式のFieldValueを1から2に変更しただけです。 支店名から2番目の値の売上金額を算出しています。   [![キャプチャ10](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/7f92390e36c9645cdfcab1197c9adabb-2.png?width=550&height=375&name=7f92390e36c9645cdfcab1197c9adabb-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/7f92390e36c9645cdfcab1197c9adabb-2.png)   【プレゼンテーション】タブを選択します。 【セグメントの設定】から色を透明に変更します。 赤線で囲まれている、タブをクリックします。   [![キャプチャ11](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/f9f2f8267651893dc20507a60167128c-2.png?width=550&height=376&name=f9f2f8267651893dc20507a60167128c-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/f9f2f8267651893dc20507a60167128c-2.png)   【透過性】を「100%」にします。 【OK】を押します。 [![キャプチャ12](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/fbc1ff07c972958f736b77a6530eec5d-2.png?width=281&height=309&name=fbc1ff07c972958f736b77a6530eec5d-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/fbc1ff07c972958f736b77a6530eec5d-2.png)   【セグメントの設定】から、同じように3つの「Segment 」を透明にします。 次に、【目盛の表示】の【フォント】を選択します。   [![キャプチャ13](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/464b1f13b0d2bd53e52e687b363d661f-3.png?width=550&height=378&name=464b1f13b0d2bd53e52e687b363d661f-3.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/464b1f13b0d2bd53e52e687b363d661f-3.png)     こちらも【色】をクリックして、【透過性】を「100%」にします。   [![キャプチャ14](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/926c2ae29fa013f7581238fc80db9c3c-2.png?width=550&height=363&name=926c2ae29fa013f7581238fc80db9c3c-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/926c2ae29fa013f7581238fc80db9c3c-2.png)   【OK】を押します。   [![キャプチャ12](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/fbc1ff07c972958f736b77a6530eec5d-2.png?width=310&height=341&name=fbc1ff07c972958f736b77a6530eec5d-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/fbc1ff07c972958f736b77a6530eec5d-2.png)   【色】を任意の色に変更します。 先ほどと同じように、【インジケータ】から色を変更します。 ※変更した色のRGBを忘れずにメモしておいてください。   [![キャプチャ15](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/7d850af0bbba6842e1b6cef2a3beab34-4.png?width=550&height=377&name=7d850af0bbba6842e1b6cef2a3beab34-4.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/7d850af0bbba6842e1b6cef2a3beab34-4.png) 【レイアウト】タブを選択します。 【レイヤー】の【カスタム】を「1」に変えます。 【OK】を押します。   [![キャプチャ16](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/916cdee29be6b5342d2019cd0fffa02c-3.png?width=558&height=381&name=916cdee29be6b5342d2019cd0fffa02c-3.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/916cdee29be6b5342d2019cd0fffa02c-3.png)   2つ目のチャートが完成しました。 これをコピーして、同じように3つ目と4つ目を作成します。   [![キャプチャ17](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/c32ad044dcd05c32f1e9f5cf1b14da7c-2.png?width=550&height=295&name=c32ad044dcd05c32f1e9f5cf1b14da7c-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/c32ad044dcd05c32f1e9f5cf1b14da7c-2.png)   3つ目と4つ目のチャートは先ほど作成した方法と同じなので簡略化させていただきます。 3つ目は数式を以下にします。 =sum({<支店名={"$(=FieldValue('支店名',3))"}>} 売上金額)   【プレゼンテーション】タブの【インジケータ】の色を任意の色に変更します。 【レイアウト】タブの【カスタム】を「3」にします。   4つ目を変更します。 同じく数式を以下にして、【プレゼンテーション】タブの【インジケータ】の色を変更します。 =sum({<支店名={"$(=FieldValue('支店名',4))"}>} 売上金額) 【カスタム】を「4」にします。   これでゲージチャートが完成しました。 完成したゲージチャートを重ね、位置調整をします。   [![キャプチャ19](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/fc196c741d5b839e71fef9e0ff877c1c-1.png?width=302&height=48&name=fc196c741d5b839e71fef9e0ff877c1c-1.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/fc196c741d5b839e71fef9e0ff877c1c-1.png)   マルチチャートが完成しました。 [![キャプチャ](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/66c19942ab4ba346fdb64ccc04cde3731-Aug-28-2020-04-27-12-26-AM.png?width=550&height=282&name=66c19942ab4ba346fdb64ccc04cde3731-Aug-28-2020-04-27-12-26-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/66c19942ab4ba346fdb64ccc04cde3731-Aug-28-2020-04-27-12-26-AM.png)     最後にストレートテーブルを追加します。 【シートオブジェクトの追加】から【チャート】を選択して、【ストレートテーブル】を選びます。   [![キャプチャ20](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/c56d1a18425446a28b8e275b15ca3fb9-3.png?width=550&height=349&name=c56d1a18425446a28b8e275b15ca3fb9-3.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/c56d1a18425446a28b8e275b15ca3fb9-3.png)   【軸】タブを選択し、【軸項目】に「支店名」を追加します。   [![キャプチャ21](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/6d25d38cc1950754bc1d2c3ce31a3aa0-2.png?width=550&height=348&name=6d25d38cc1950754bc1d2c3ce31a3aa0-2.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/6d25d38cc1950754bc1d2c3ce31a3aa0-2.png)     数式を追加します。 【数式】タブを選択し、【ラベル】に「スペース(空白)」を入れて、【定義】を「1」にします。 【背景色】に以下の数式を追加します。 背景色…=if(支店名=FieldValue('支店名',1),rgb(128,0,64), if(支店名=FieldValue('支店名',2),rgb(0,255,255), if(支店名=FieldValue('支店名',3),rgb(255,128,64), if(支店名=FieldValue('支店名',4),rgb(0,64,64)))))   【テキストの色】に以下の数式を追加します。 テキストの色…argb(0,0,0,0) ※RGBは設定した色によって違います。メモを確認しながら入力をしてください。   [![キャプチャ22](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/675e28e02fb9d7f2135c48c86d1804b9-1.png?width=550&height=348&name=675e28e02fb9d7f2135c48c86d1804b9-1.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/675e28e02fb9d7f2135c48c86d1804b9-1.png)     2つ目の数式を追加します。 【定義】を「sum(売上金額)」にします。 【ラベル】は先ほどと同じように「スペース(空白)」を入れてください。   [![キャプチャ23](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/81019042b34c98b5edc222670bf237bd-1.png?width=550&height=349&name=81019042b34c98b5edc222670bf237bd-1.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/81019042b34c98b5edc222670bf237bd-1.png) 【レイアウト】タブを選択します。 【レイヤー】の【カスタム】を「5」にします。 【OK】を押します。   [![キャプチャ24](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/339b5d5871d0e04f24d91d7df1a3e332.png?width=550&height=348&name=339b5d5871d0e04f24d91d7df1a3e332.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/339b5d5871d0e04f24d91d7df1a3e332.png)   最後にチャートを図のように位置調整したら完成です。   [![キャプチャ](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/66c19942ab4ba346fdb64ccc04cde3731-Aug-28-2020-04-27-12-26-AM.png?width=550&height=282&name=66c19942ab4ba346fdb64ccc04cde3731-Aug-28-2020-04-27-12-26-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/66c19942ab4ba346fdb64ccc04cde3731-Aug-28-2020-04-27-12-26-AM.png)   **[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) ![KJ](https://app.hubspot.com/settings/avatar/1660aae1748ca96aed5604f20fcbd847) #### 執筆者 [KJ](https://knowledge.insight-lab.co.jp/qlikview/author/kj) セールスマーケティング 部長 野球部 部長 ###### [前の投稿](https://knowledge.insight-lab.co.jp/qlikview/knowledge/variable/calnderindicate) [![](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/7c908d347f5e1e828351332ac7f8bb21.png)](https://knowledge.insight-lab.co.jp/qlikview/knowledge/variable/calnderindicate) ###### [【QlikView】カレンダーを一ヶ月、一週間、一日ごとに表示する](https://knowledge.insight-lab.co.jp/qlikview/knowledge/variable/calnderindicate) ###### [次の投稿](https://knowledge.insight-lab.co.jp/qlikview/knowledge/chart/multi-combo) [![](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/9a046efd877e40523e68783b2a664035-1.png)](https://knowledge.insight-lab.co.jp/qlikview/knowledge/chart/multi-combo) ###### [【QlikView】コンボマルチチャートの作成](https://knowledge.insight-lab.co.jp/qlikview/knowledge/chart/multi-combo) 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】テーブルを結合するJoin句,Keep句,Concatenate句の違い](https://knowledge.insight-lab.co.jp/qlikview/knowledge/loadscript/join_keep_concatenate) ###### 2014年 7月 17日 ##### 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.