お問い合わせ

データ分析をしていく中で、

「特定のデータを目立たせたい」

「値のプラス・マイナス、特定の値以上であるか色で可視化したい」

「前年と比べてどうか色で分かりやすく表示したい」

「ヒートマップを作成したい」

こんな疑問にお答えします。

この記事を読むことで・・・

・テーブルを使った背景色の変更やグラデーションを利用した視覚化の方法を習得することができます。

この記事は、BIツール導入支援及びDWH構築支援を15年以上続けてきたINSIGHT LABの中の人が書いています。

目次

こんにちは。Deckです。

今回はQlik Senseを使って、テーブルの背景色を2色に変更する方法を学びましょう。

売上予算を達成したかどうかで色分けを行っていきます。

 

1.Qlik Senseでテーブルセルの背景色の設定をする

例えば、売上金額を月ごとに集計した表があるとします。

毎月売上予算を達成する目標があったとすると、

  • 予算達成→青
  • 予算達成できず→赤

このような色分けがしてあるとわかりやすいですね?

 

サンプルとして使用するデータは第5回と同様です。

今回のチャート作成に使用するデータは、以下からダウンロードできます。

サンプルファイルはこちら

 

zipファイルを解凍した後、新規Qlik Senseのアプリを作成し、以下ファイルを取り込んで下さい。

  • 「注文明細サンプル.csv」
  • 「商品マスタ.csv」

 

 

Qlik Senseを使ったデータの読み込み方がわからない方は、以下の記事を参考にしてください。
第2回ドラッグ&ドロップでデータのロードの記事はこちら


では、準備はいいでしょうか?

 

テーブルの準備

 

まず、ピボット テーブルを新規作成します。

%e7%a9%ba%e3%81%ae%e3%83%94%e3%83%9c%e3%83%83%e3%83%88%e3%83%86%e3%83%bc%e3%83%96%e3%83%ab%e3%82%92%e4%bd%9c%e6%88%90

軸を注文年月・数式を売上高・予算達成率とします。
ここでは、例として売上の予算を1億5千万円としてみます。
売上高の数式は 「 Sum([売上金額]) 」
予算達成率は 「 Sum([売上金額]) / 150000000 」
と入力します。

2

%e3%83%a1%e3%82%b8%e3%83%a3%e3%83%bc%e3%81%ae%e8%a8%ad%e5%ae%9a

正しく軸と数式の設定ができればこの画像のようなテーブルになります。
引き継ぎ、背景色の設定をしましょう。

3

 

カラー表現の設定

テーブルの背景色を設定しましょう。
「背景カラー表現」をクリックして、入力ボックスに次の式を入力します。

If(
Sum([売上金額]) >= 150000000, //売上金額は150万円を超えているか?
RGB(220,230,240), //150万円を超えている場合は青い背景色
RGB(240,200,200) //超えていない場合は赤い背景色
)

%e8%83%8c%e6%99%af%e3%82%ab%e3%83%a9%e3%83%bc%e8%a1%a8%e7%8f%be%e3%81%af%e3%81%93%e3%81%93%e3%81%ab%e3%81%82%e3%82%8b
%e8%83%8c%e6%99%af%e8%89%b2%e3%81%ae%e6%95%b0%e5%bc%8f%e3%82%92%e7%b7%a8%e9%9b%86_small

上で入力した式にあるIfは「指定した条件が満たされているかどうかで結果が2通りに変わる」関数です。
今回の色分け基準は売上金額が予算達成しているかどうかなので、それぞれの意味はこのようになっています。

  • Sum([売上金額]) >= 150000000 …… 売上高は150000000円以上か?
  • RGB(220,230,240) …… 条件式が満たされている場合(予算達成)青い背景にする
    RGBの引数は順にRed(赤),Green(緑),Blue(青)を示しています。
    数値の範囲は0~255で、数値が大きいほどその色が明るくなります。
  • RGB(240,200,200) …… 条件式が満たされていない場合(予算達成できず)赤い背景にする

4
カラー表現の数式を入力すると、「売上高」の列に予算達成できたかのパターンが浮かび上がってきました。
同じように、「予算達成率」にもカラー表現を設定してテーブルが完成します。
1

売上予算を達成できている月は背景が青く、そうでない月は背景が赤くなっていますね。
背景色を変えることで、どの月が予算を達成できているか一目でわかるようになりました。

 

売上の高い月・低い月が一目で分かるテーブルの作成

ここからは、さらにステップアップし、ヒートマップを表示するパターンを試してみましょう。

 

2.Qlik Senseでヒートマップを作成する

このチャートをベースにヒートマップを作成します。

1

このテーブルは「予算を達成しているか・そうでないか」を把握するには十分ですが、
今回は「それぞれの月の売上は平均と比べてどうか」を考えてみましょう。

 

「背景カラー表現」編集画面に次の数式を入力します。
背景カラー表現はここにある_b


ColorMix2(
Sum([売上金額]) / Avg(total Aggr(Sum([売上金額]),注文年月)) -1, //売上平均と今月の売上を比較する
rgb(255, 33, 0), //売上が低いときは赤色
rgb(0, 255, 33), //売上が高いときは緑色
rgb(255,255,255) //売上が平均的なときは白
)

ヒートマップの背景色を設定

 

ColorMix2はQlik Senseのチャート関数で、-1~+1の範囲の値に対しそれぞれ色を指定できる関数です。
それぞれの行の意味を見ていきます。

 

Sum(売上金額) … 売上金額の合計です。

Avg(total Aggr(Sum[売上金額]),注文年月)) … 各月の売上金額の平均です。

「それぞれの注文年月ごとに売上金額の合計を集計し、その平均を計算する」という意味合いです。

少し難しいですが、ここでは「おまじない」と考えてしまっても大丈夫です。

ちょうど平均の場合は0になってほしいので、最後に-1をしています。

Rgb(赤,緑,青) … 上から順に

「計算結果が-1のときの色」

「計算結果が1のときの色」

「計算結果が0のときの色」です。

サンプルから色を変える場合は指定する順番に注意しましょう。

この数式では、売上と配色の関係はこのようになります。

 

売上金額と配色の関係

                       

 

 

上の数式を適用した結果が次の画像です。
アイキャッチ_

これでチャート完成です。


左側の列は平均と比較した売上の良し悪し、右側の列は予算達成できたかどうかが直感的にわかるようになっています。


チャートの用途に応じていろいろな見せ方があるので、使い分けができるようになりましょう!

 

第7回「カレンダー メジャーで前年対比」の記事はこちら

 

『ゼロからわかる!Qlik Sense入門講座』の目次は、こちら

Qlik Senseを体験してみませんか?

INSIGHT LABではQlik紹介セミナーを定期開催しています。Qlik SenseとQlikViewの簡単な製品概要から、Qlikの特性である「連想技術」のご紹介、デモを通してQlik SenseとQlikViewの操作感や美しいインターフェースをご覧いただきます。企業の大切な資産である膨大なデータからビジネスを発見する 「Business Discovery」を是非ご体験ください。

詳細はこちら

Deck

執筆者 Deck

BIスペシャリスト