--- title: 【QlikView】RGBを使った色の変更 description: RGBを使った色の変更 image: https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/92d64dc639fffe325b5ac5a770ac1a992.bmp --- ![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】RGBを使った色の変更](https://knowledge.insight-lab.co.jp/qlikview/knowledge/chart/rgbcolorsettings) 執筆者 [KJ](https://knowledge.insight-lab.co.jp/qlikview/author/kj) 更新日時 2014年7月29日 ###### Topics: [Loadscript（ロードスクリプト）](https://knowledge.insight-lab.co.jp/qlikview/tag/loadscriptロードスクリプト) [チャート（Chart）](https://knowledge.insight-lab.co.jp/qlikview/tag/チャートchart) ![](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/92d64dc639fffe325b5ac5a770ac1a992.bmp) 目次 こんにちは。こーです。 今回の記事はRGBを使って、チャートの色を簡単に変えていく方法をご紹介していきたいと思います。 Qlikview(クリックビュー)ではチャート毎に色を設定した場合、チャートの数に応じて色を変更していかなければなりません。 例えば、3通りあるチャートの色を変更する場合、チャートのプロパティから色を変更していく作業を3回やらなければなりません。 3通りの変更ならまだ良いですが、変更するチャートが10通り以上にもなってしまうととても効率が悪くなってしまいます。 そんな時、RGBを使えば、ロードスクリプトを変えるだけで、チャートの色を簡単に変更することができます。 実際にそのやり方を詳しく説明していきます。   QlikViewの【ロードスクリプトの編集】を開きます。 インラインロードから果物の種類を追加していきます。（果物の種類は任意でかまいません）     [![ナレッジ](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/92d64dc639fffe325b5ac5a770ac1a992.bmp)](http://iw-qlikview.com/wp-content/uploads/2014/07/92d64dc639fffe325b5ac5a770ac1a992.bmp)   入力が完了したら、【OK】ボタンを押します。 タブの追加をして、追加したタブにRGBのインラインロードを入力します。   [![ナレッジ1](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/e5aa3c607156d74533902393f30df6292.bmp)](http://iw-qlikview.com/wp-content/uploads/2014/07/e5aa3c607156d74533902393f30df6292.bmp)   【OK】ボタンを押して、リロードをします。 【テーブルビューアー】で連結しているか確認をします。   [![ナレッジ2](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/02cdf19e54a3eb3d21ec52c1610012412.bmp)](http://iw-qlikview.com/wp-content/uploads/2014/07/02cdf19e54a3eb3d21ec52c1610012412.bmp)     【シートオブジェクトの追加】から【チャート】を選択します。 【ウィンドウタイトル】に「売上個数」と入力して、棒グラフを選択します。     [![ナレッジ11](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/50b94e492b72fc1f353c28e0ebf92e1a.bmp)](http://iw-qlikview.com/wp-content/uploads/2014/07/50b94e492b72fc1f353c28e0ebf92e1a.bmp)   【軸】タブから、「果物」を追加します。   [![ナレッジ4](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/bcfc7d4963f19e881781764aee37ccca1.bmp)](http://iw-qlikview.com/wp-content/uploads/2014/07/bcfc7d4963f19e881781764aee37ccca1.bmp)     【数式】タブで【ラベル】を「売上個数」、【数式の編集】に「sum(売上個数)」と入力をします。 【OK】ボタンを押します。   [![ナレッジ5](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/09b34855f4839bda477fdbc6953803f71.bmp)](http://iw-qlikview.com/wp-content/uploads/2014/07/09b34855f4839bda477fdbc6953803f71.bmp)   チャートが完成しました。 ここから、ロードスクリプトにRGBを設定をしていきます。   [![ナレッジ6](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/b9660d79b7f1c3e01dd2247edbb76c231.bmp)](http://iw-qlikview.com/wp-content/uploads/2014/07/b9660d79b7f1c3e01dd2247edbb76c231.bmp)   チャートの【プロパティ】を開いて、【色】タブを開きます。 【色の設定】から、果物(りんご、みかん、バナナ、もも)の赤(R)緑(G)青(B)を調べます。   [![ナレッジ7.bp](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/45ab7d8bba16f40c8862d7a777aad3891.bmp)](http://iw-qlikview.com/wp-content/uploads/2014/07/45ab7d8bba16f40c8862d7a777aad3891.bmp)   調べた果物のRGBをロードスクリプトに入力します。     [![ナレッジ9](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/ef6bf44c03d566668d8703aa6bdef8ab.bmp)](http://iw-qlikview.com/wp-content/uploads/2014/07/ef6bf44c03d566668d8703aa6bdef8ab.bmp)   【OK】ボタンを押します。 【設定】から【変数一覧】を選択します。 【追加】を押し、【変数名】に「vcolorcode」、【定義】に「if(not IsNull(R), RGB(R,G,B))」と入力します。 【OK】ボタンを押します。   ![ナレッジ9.](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/462953b7107790c26b5f219798e43df8.bmp)   作成したチャートの【プロパティ】を開きます。 【数式タブ】を選択し、【売上個数】の左にある+マークを押します。 【背景色】をダブルクリックします。 【数式の編集】に「$(vcolorcode)」を入力します。（作成した変数を呼び出します。） 【OKボタン】を押します。 ![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/4a94398272d879a762d59abd6fc31dcd.png?width=607&height=411&name=4a94398272d879a762d59abd6fc31dcd.png) RGBを使った色の変更ができました。   [![ナレッジ12](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/0ddf8504d5e4ef93afcae4399200e072.bmp)](http://iw-qlikview.com/wp-content/uploads/2014/07/0ddf8504d5e4ef93afcae4399200e072.bmp)     チャートを3つに増やします。 増やしたチャートはそれぞれ棒グラフ、円グラフ、ファネルチャートにします。   [![ナレッジ13](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/bb17edae3a0b0769ea58c9850ad081961.bmp)](http://iw-qlikview.com/wp-content/uploads/2014/07/bb17edae3a0b0769ea58c9850ad081961.bmp)     ロードスクリプトを開いて、「もも」のRGBを変更します。 【リロード】ボタンを押します。   [![ナレッジ14](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/e635f876ed5b426a1507cb510c65c7d9.bmp)](http://iw-qlikview.com/wp-content/uploads/2014/07/e635f876ed5b426a1507cb510c65c7d9.bmp)     3つのチャートの「もも」がピンク色から、黄色に変更されました。 別シートでもチャートに数式を設定すれば、同じように変えることができます。   [![ナレッジ15](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/98ef1307ca467c25994d16b6a32a227b.bmp)](http://iw-qlikview.com/wp-content/uploads/2014/07/98ef1307ca467c25994d16b6a32a227b.bmp)   このように、マスターすると便利な技術です。是非、習得してください。   こー 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/macro/macro-using-application) [![](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/92d64dc639fffe325b5ac5a770ac1a99-1.bmp)](https://knowledge.insight-lab.co.jp/qlikview/knowledge/macro/macro-using-application) ###### [【QlikView】マクロを使って、アプリケーションを開く](https://knowledge.insight-lab.co.jp/qlikview/knowledge/macro/macro-using-application) ###### [次の投稿](https://knowledge.insight-lab.co.jp/qlikview/knowledge/template/traceability_system) [![](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/795316b92fc766b0181f6fef074f03fa.png)](https://knowledge.insight-lab.co.jp/qlikview/knowledge/template/traceability_system) ###### [【QlikView】トレーサビリティシステム](https://knowledge.insight-lab.co.jp/qlikview/knowledge/template/traceability_system) 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.