Qlik Trainingブログ

  • Qlik Sense
  • Qlik Cloud
  • 開発者
  • 可視化・分析
2022.08.17

テーブルチャートの背景色を変更する方法

テーブルチャートの背景色を変更する方法

テーブルチャートの背景色を変更して、セルを強調したり見やすくしたいといったことはないでしょうか?
今回はQlik Senseの機能を用いてテーブルチャートに背景色を設定する方法をご紹介します。

目次

※本記事は「2022年07月時点のSaaS」で作成しています。

テーブルチャートに背景色を設定する方法

テーブルチャートのプロパティにある「背景カラー表現」に、カラー関数を設定します。

カラー関数にはBlue関数のように定義済みの関数やRGB値を指定できるRGB関数などがあります。
詳細は下記ヘルプをご覧ください。
https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/ChartFunctions/ColorFunctions/color-functions-charts.htm

背景色は軸・メジャーそれぞれに設定することができます。

■設定箇所

■画面イメージ

条件によって背景色を変更する方法

「背景カラー表現」にIf関数を使用した数式を指定することで、条件に合わせて色を変えることができます。

例えば”売上が50万円以上の場合は黄色、50万円未満の場合は赤”とするには
以下の数式を設定します。
---------------------------------------------------
If(Sum([売上])>=500000,yellow(),LightRed())
---------------------------------------------------

■画面イメージ

テーブルチャートを見やすくするコツ!

行数が多いテーブルチャートなどで、全行が同じ背景色だと見にくいと感じたことはありませんか。

このような場合、1行おきに背景色を設定すると見やすくなります!
以下の数式を「背景カラー表現」に設定するだけなので是非活用してください!
--------------------------------
If(odd(RowNo()),lightgray())
--------------------------------
<解説>
odd関数は奇数かどうかを判定します。
RowNo関数で取得した行番号をodd関数で奇数行の場合だけ、lightgrayの色となるようにしています。

■画面イメージ

さいごに

今回はテーブルチャートで軸およびメジャーの背景色を変える方法をご紹介しました。
条件に応じた色の指定ができるので、インパクトのあるテーブルチャートが作成できます。
是非ご活用ください!

関連している記事

  • Qlik Sense
  • Qlik Cloud
  • 開発者
  • 運用者
2024.04.17

Qlik Application Automation活用術:Microsoft Teamsにメッセージを配信する

Qlik Sense SaaSを使用していて、メジャーの結果と事前に設定した閾値を比較して、閾値を超えたら通知を飛ばせたら良いな、と考えたことはありませんか?本記事では、Qlik Sense SaaSの「Qlik Application Automation」でMicrosoft Teamsにメッセージを配信する方法を紹介します。

  • Qlik Cloud
  • Qlik Sense
  • 運用者
2024.04.01

Qlik Cloud 日本リージョンへの移行方法

2024 年 3 月 26 日に QlikTech 社より Qlik Cloud の日本リージョン開設の ニュースリリースが発表されました。本ブログではすでに Qlik Cloud(Qlik Sense Enterprise SaaS) をご利用中のユーザー様に向けて、日本リージョンへテナントを移行する方法をご紹介します。

  • Qlik Sense
  • Qlik Cloud
  • 開発者
  • データロード
2024.03.08

GoogleスプレッドシートのデータをQlik Senseに読み込みたい!

GoogleスプレッドシートのデータをQlik Senseで分析したいということはありませんか?Qlik SenseではGoogle Drive & Spreadsheetsコネクターを利用してGoogleスプレッドシートを読み込むことができます。本記事では、Qlik Sense SaaSのデータロードエディタでGoogleスプレッドシートを読み込む方法を紹介します。

ページの先頭へ戻る