--- title: QlikViewの棒グラフ応用編：棒グラフを使った積み上げでの左右比較のグラフ description: QlikViewの棒グラフ応用編：棒グラフを使った積み上げでの左右比較のグラフ image: https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC1.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) ###### 7 分で読むことができます。 # [QlikViewの棒グラフ応用編：棒グラフを使った積み上げでの左右比較のグラフ](https://knowledge.insight-lab.co.jp/qlikview/knowledge/chart/advanced-bar-chart) 執筆者 [Deck](https://knowledge.insight-lab.co.jp/qlikview/author/deck) 更新日時 2014年1月15日 ###### Topics: [チャート（Chart）](https://knowledge.insight-lab.co.jp/qlikview/tag/チャートchart) [応用編](https://knowledge.insight-lab.co.jp/qlikview/tag/応用編) ![QlikViewの棒グラフ応用編：棒グラフを使った積み上げでの左右比較のグラフ](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC1.jpg) 棒グラフの応用として、積み上げでの左右比較のグラフを作成していきます。 少しずつ確実に変更を加えていくため、こまめに確認をしながら進めていきます。   ●棒グラフの作成 ■チャートの作成 1.チャート作成ウィンドウを開きます。 2.【チャートの種類】から『棒グラフ』を選択し、【次へボタン】を押します。   [![AdC1](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/AdC1.jpg?width=481&height=327&name=AdC1.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC1.jpg)   3.【数式の編集ウィンドウ】に、『sum(売上金額)』と入力します。   [![AdC2](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/AdC2.jpg?width=300&height=265&name=AdC2.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC2.jpg)   4.追加ボタンを押し、【数式の編集ウィンドウ】に『sum（仕入金額）』と入力します。   [![AdC3](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/AdC3.jpg?width=481&height=327&name=AdC3.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC3.jpg)   5.【完了】ボタンを押します。   [![AdC5](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/AdC5.jpg?width=481&height=327&name=AdC5.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC5.jpg)   ここまでの作業で完成したチャートを見てみましょう。（右上のチャートは完成形です。）   [![棒Ⅱ06](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/90724db1f63b5c077a4825c81432f917.jpg?width=480&height=319&name=90724db1f63b5c077a4825c81432f917.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/90724db1f63b5c077a4825c81432f917.jpg)   ■チャートの編集 1.棒グラフのチャート上で右クリックし、プロパティを開きます。 2.【基本設定タブ】の、【チャートにタイトルを表示する】のチェックをオフにします。   [![AdC6](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/AdC6.jpg?width=484&height=328&name=AdC6.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC6.jpg)   3.【プレゼンテーションタブ】の、【凡例の表示】のチェックをオフにします。   [![AdC7](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/AdC7.jpg?width=484&height=328&name=AdC7.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC7.jpg)   4.色の、1と2を好きな色に変更します（中に文字を入れて、見える色に設定してください）。   [![AdC8](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/AdC8.jpg?width=484&height=328&name=AdC8.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC8.jpg) [![棒Ⅱ10](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/80fb0f287e57c342a1b03d544aa205a2.jpg?width=280&height=295&name=80fb0f287e57c342a1b03d544aa205a2.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/80fb0f287e57c342a1b03d544aa205a2.jpg) [![棒Ⅱ11](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/42816615c2f34db410daef46a756e2ef.jpg?width=317&height=183&name=42816615c2f34db410daef46a756e2ef.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/42816615c2f34db410daef46a756e2ef.jpg)   5.【キャプションタブ】の、【キャプションの表示】のチェックをオフにします。   6.【OKボタン】を押します。   [![AdC9](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/AdC9.jpg?width=484&height=328&name=AdC9.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC9.jpg)   ここまでの作業で完成したチャートが下記です。   [![棒Ⅱ13](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/c4d52198b338cd69e63f1f46333ce607.jpg?width=480&height=319&name=c4d52198b338cd69e63f1f46333ce607.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/c4d52198b338cd69e63f1f46333ce607.jpg)   ■チャートの編集 1.プロパティを開きます。 2.【レイアウトタブ】で、【影の強度】を『影なし』に、【枠線の幅】を『0pt』にします。   [![AdC10](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/AdC10.jpg?width=484&height=328&name=AdC10.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC10.jpg)   3.【目盛線タブ】で、【数式の目盛線の色】と【軸の目盛線の色】を、どちらも『透過性100%』にします。   [![AdC11](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/AdC11.jpg?width=484&height=328&name=AdC11.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC11.jpg) [![棒Ⅱ17](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/c938f8d6e037d43c5c7928b41bfdb227.jpg?width=280&height=295&name=c938f8d6e037d43c5c7928b41bfdb227.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/c938f8d6e037d43c5c7928b41bfdb227.jpg)   4.【数式の目盛線】と【軸の目盛線】の【フォントボタン】を押し、【色】の透過性を『100%』にします。 5.【OK】ボタンを押して、プロパティを閉じます。   [![AdC12](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/AdC12.jpg?width=484&height=328&name=AdC12.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC12.jpg) [![棒Ⅱ19](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/ab1c56863328314c0cfb375f8dddc3d9.jpg?width=480&height=319&name=ab1c56863328314c0cfb375f8dddc3d9.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/ab1c56863328314c0cfb375f8dddc3d9.jpg) [![棒Ⅱ20](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/f0e8364d5b3cd8d434917f0578e98483.jpg?width=280&height=295&name=f0e8364d5b3cd8d434917f0578e98483.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/f0e8364d5b3cd8d434917f0578e98483.jpg)   ここまでの作業で完成したチャートが下記です。   [![棒Ⅱ21](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/ea17822660b20cc8a9d9083985d4a2bc.jpg?width=480&height=319&name=ea17822660b20cc8a9d9083985d4a2bc.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/ea17822660b20cc8a9d9083985d4a2bc.jpg)   ■チャートの編集 1.プロパティを開きます。 2.【スタイルタブ】の、【方向】から『横向き』を選択し、【形式】の【積み上げ】のチェックをオンにします。   [![AdC13](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/AdC13.jpg?width=484&height=328&name=AdC13.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC13.jpg)   3.サイズ調整をしやすくするため【レイアウトタブ】で【枠線の幅】を『1pt』に設定します。 4.【OK】ボタンを押します。   [![AdC14](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/AdC14.jpg?width=484&height=328&name=AdC14.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC14.jpg)   5.幅と長さを調整します。   ここまでの作業で完成したチャートが下記です。   [![棒Ⅱ25](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/12295f6b625aea00c22678c6857e4d671.jpg?width=480&height=319&name=12295f6b625aea00c22678c6857e4d671.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/12295f6b625aea00c22678c6857e4d671.jpg)   ■チャートの編集 1.プロパティを開きます。 2.【数式タブ】で、左側のsum(売上金額)の頭に付いている【＋】を押し、【テキストの色】の【定義】に『white()』と入力します。 3.同じように仕入金額の【テキストの色】の【定義】に『black()』と入力します。   [![AdC15](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/AdC15.jpg?width=484&height=328&name=AdC15.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC15.jpg)   4.【プレゼンテーションタブ】で、【データ店の値】の【要素の中に値を表示】のチェックをオンにします。   [![AdC16](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/AdC16.jpg?width=484&height=328&name=AdC16.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC16.jpg)   5.【数式タブ】で、【表示オプション】の【データ点の値】のチェックをオンにします。(売上金額、仕入金額の両方)   [![AdC17](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/AdC17.jpg?width=484&height=328&name=AdC17.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC17.jpg) 6.【数式タブ】で、【定義】部分を以下のように書き換えます。 　・売上金額『num(sum(売上金額),'￥#,##0')』 　・仕入金額『num(sum(仕入金額),'￥#,##0')』   [![AdC18](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/AdC18.jpg?width=484&height=328&name=AdC18.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC18.jpg)   7.【レイアウトタブ】で、【枠線の幅】を『0pt』にします。   8.【OKボタン】を押します。   [![AdC19](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/AdC19.jpg?width=484&height=328&name=AdC19.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AdC19.jpg)   以上で完成です。 棒グラフの中に数値が表示されていることが確認できます。   [![棒Ⅱ32](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/c6c996ccf54b412e4230c874aa1ede01.jpg?width=480&height=319&name=c6c996ccf54b412e4230c874aa1ede01.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/c6c996ccf54b412e4230c874aa1ede01.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/trim-function) [![](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/TRIM01.jpg)](https://knowledge.insight-lab.co.jp/qlikview/knowledge/functiontips/trim-function) ###### [【QlikView】TRIM関数を使ってアルファベットの大文字小文字表記を統一させる](https://knowledge.insight-lab.co.jp/qlikview/knowledge/functiontips/trim-function) ###### [次の投稿](https://knowledge.insight-lab.co.jp/qlikview/knowledge/chart/color-bars) [![](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/bar.png)](https://knowledge.insight-lab.co.jp/qlikview/knowledge/chart/color-bars) ###### [【QlikView】選択したバーに色をつける](https://knowledge.insight-lab.co.jp/qlikview/knowledge/chart/color-bars) 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.