---
title: 【QlikView】チャートの値に色を設定する
description: 値の色設定
image: https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/6a.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)

<https://knowledge.insight-lab.co.jp/qlikview/chart/value-color-setting#tmpmodule_1597914334234394>

- [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】チャートの値に色を設定する](https://knowledge.insight-lab.co.jp/qlikview/chart/value-color-setting)

 執筆者 [Deck](https://knowledge.insight-lab.co.jp/qlikview/author/deck) 更新日時 2013年12月12日

###### Topics: [色](https://knowledge.insight-lab.co.jp/qlikview/tag/e889b2) [チャート（Chart）](https://knowledge.insight-lab.co.jp/qlikview/tag/チャートchart)

![QlikViewチャート色設定](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/6a.jpg)

QlikViewではチャートの値に色をつけることができます。

では早速手順を説明していきます。

●チャートの作成

[チャート作成ウィンドウを開きます。](https://knowledge.insight-lab.co.jp/qlikview/chart/add-chart)

■基本設定

1.【グラフの種類】で【ストレートテーブル】を選択します。

2.【次へボタン】を押します。

[![1](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/11-Aug-28-2020-04-17-22-24-AM.png?width=480&height=316&name=11-Aug-28-2020-04-17-22-24-AM.png)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/11-Aug-28-2020-04-17-22-24-AM.png)

■軸

1.【項目/グループ】から『仕入先名』を選択し、【追加ボタン】を押します。

2.【次へボタン】を押します。

[![2a](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/2a1.jpg?width=480&height=316&name=2a1.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/2a1.jpg)

■軸の制限

1.【次へボタン】を押します。

■数式

1.『sum(仕入金額)』と入力します。

2.【OKボタン】を押します。

3.【ラベル】に『売上』と入力します。

[![3a](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/3a1.jpg?width=480&height=316&name=3a1.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/3a1.jpg)

一旦、ここで【完了ボタン】を押します。

以上の作業で完成したチャートは、以下の通りです。

[![AA](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/AA.jpg?width=180&height=250&name=AA.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/AA.jpg)

●文字色の設定　100万未満を赤、3000万以上を青、それ以外を黒で表示させる。

1.チャートの上で右クリックをしてプロパティを開きます。

※文字の色の設定は、【数式タブ】と【条件付き書式タブ】の2通りの設定方法があります。

ⅰ.【数式タブ】での設定

■数式

1.左上ボックス内の【売上】の左にある＋マークを押します。

2.【テキストの色】を押します。

"3.【定義】に

if(Sum (売上金額)<=9999999,RGB(255,0,0),

if(Sum (売上金額)>=30000000,RGB(0,0,255),RGB(0,0,0)  
)  
)

と入力します。

4.【OKボタン】を押します。

[![4a](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/4a1.jpg?width=480&height=316&name=4a1.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/4a1.jpg)

完成です。

ⅱ.【条件付き書式】での設定

■条件付き書式

1.【次の値以上】に『30000000』と入力する。

2.【次の値以下】に『9999999』と入力する。

3.【テキスト】の一番上のボックスを押します。

[![5a](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/5a.jpg?width=480&height=316&name=5a.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/5a.jpg)

■色の設定

1.【基本色】の【固定】の右にあるボックスを押します。

2.青を押します。

3.【OKボタン】を押します。

4.【OKボタン】を押します。

[![6a](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/6a.jpg?width=480&height=316&name=6a.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/6a.jpg)

■条件付き書式

1.【テキスト】の三番目のボックスを押します。

[![7a](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/7a1.jpg?width=480&height=316&name=7a1.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/7a1.jpg)

 

■色の設定

1.一番目と同じ手順で赤を設定します。

2.【OKボタン】を押してプロパティを閉じて完成です。

 

 

値に色が付いていることが確認できます。

[![A](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/A.jpg?width=180&height=380&name=A.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/A.jpg)

今回は青赤黒の三色でしたが、設定すれば色や色の数を変更することが可能です。

 

●実際に使う際には以下のような使い方をするとビジュアルからデータを読み取りやすくなります。

1.『0』を基準とした実数表示

[![new](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/new.jpg?width=260&height=201&name=new.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/new.jpg)

2.『0』を基準とした%表示

[![parcent](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Imported_Blog_Media/parcent.jpg?width=262&height=200&name=parcent.jpg)](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/parcent.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/apply-variable4)

[![](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/logo018-1.png)](https://knowledge.insight-lab.co.jp/qlikview/knowledge/functiontips/apply-variable4)

###### [【QlikView】変数を使ってチャートの数式を簡単に編集する](https://knowledge.insight-lab.co.jp/qlikview/knowledge/functiontips/apply-variable4)

###### [次の投稿](https://knowledge.insight-lab.co.jp/qlikview/knowledge/functiontips/event-trigger)

[![【QlikView】項目イベントトリガー【一方の項目を選択した際にもう一方の選択状態をクリアする】](https://knowledge.insight-lab.co.jp/hubfs/Imported_Blog_Media/ko99.jpg)](https://knowledge.insight-lab.co.jp/qlikview/knowledge/functiontips/event-trigger)

###### [【QlikView】項目イベントトリガー【一方の項目を選択した際にもう一方の選択状態をクリアする】](https://knowledge.insight-lab.co.jp/qlikview/knowledge/functiontips/event-trigger)

RECOMMEND こちらの記事も人気です。

<https://knowledge.insight-lab.co.jp/qlikview/qlikview_function-tips_list>

###### 2 分で読むことができます。

#### [QlikView 関数 まとめ一覧【重要関数大全】](https://knowledge.insight-lab.co.jp/qlikview/qlikview_function-tips_list)

###### 2020年 8月 28日

<https://knowledge.insight-lab.co.jp/qlikview/loadscript>

###### 2 分で読むことができます。

#### [【QlikView】簡単にデータを扱うことができる：ロードスクリプト まとめ一覧【初心者向け】](https://knowledge.insight-lab.co.jp/qlikview/loadscript)

###### 2020年 8月 28日

<https://knowledge.insight-lab.co.jp/qlikview/functiontips/set_analsys>

###### 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.

<https://www.facebook.com/qlikview.Knowledge.iways.co.jp>