通知

この記事では、Looker Studio について説明します。Looker のドキュメントについては、https://cloud.google.com/looker/docs/intro をご覧ください。

レポートの色を設定する方法

データ ストーリーを見やすく表示しましょう。

一貫性がありわかりやすい色を使用すると、魅力的で理解しやすいレポートを作成することができます。ページやコンポーネントの背景、テキストのフォントや色、グラフの枠線、グリッドなどの静的要素を含む、レポートのさまざまな要素に色やスタイルのオプションを適用できます。棒、線、指標とディメンションの値、円グラフ、地域などのデータ要素に色を適用することもできます。

Looker Studio で色を設定する方法は次のとおりです。

テーマ

既定のカラーテーマにより、魅力的で視覚的に一貫したレポートを簡単に作成できます。テーマを適用すると、レポートのすべての静的要素とデータ要素の設定が一括で更新され、時間と労力を節約できます。

テーマをカスタマイズするには、プロパティを変更します。

テーマの詳細

コンポーネントのスタイルを個別に設定する

個々のコンポーネントの色とスタイルの設定を変更できます。

  1. レポートを編集します
  2. コンポーネントを 1 つ以上選択します。
  3. 右側の [スタイル] タブを開きます。
  4. 好みのスタイルの設定を変更します。複数のコンポーネントを選択した場合、選択したすべてのコンポーネントに共通の設定のみが表示されます。

個々のコンポーネントのスタイルを設定すると、そのコンポーネントはレポートのテーマに含まれなくなります。別のテーマを適用しても、コンポーネントで新しいテーマの設定は継承されません。

データに色を付ける

次の方法で、グラフに表示されるデータに色を付けることができます。

  • ディメンションの値に基づいて配色する。たとえば、「フランス」は、グラフに表示される場所に関係なく、常に青色で表示されます。ディメンションの値の色は現在のレポートのテーマによって設定されますが、ディメンションの値のカラーマップを編集して設定を上書きできます。
  • ディメンションのデータの順序に基づいて配色する。たとえば、グラフの最初の系列は常に青です。系列の色は、グラフごとに編集して設定できます。
  • 単一色の濃淡を使用する。この方法は、グラフ内の値の間に正確な差異を示す必要がない場合に最も効果的です。

データがわかりやすくなる場合は、同じレポートで複数の手法を使用することもできます。

詳しくは、データの色付けの手法をご覧ください。

カラー選択ツール

カラー選択ツール

テーマとコンポーネントの色を選択するには、カラー選択ツールを使用します。カラー選択ツールには次の 3 つのセクションがあります。

  1. 標準カラーパレット。これは、各レポートのすべてのコンポーネントで共通です。
  2. テーマパレット。これは、現在のテーマに応じて変更されます。
  3. カスタムのカラーパレット。カスタムの色はここに表示されます。

カラー選択ツールにアクセスするには:

  1. レポートを編集します
  2. コンポーネントを選択し、[スタイル] タブを開くか、現在のテーマをカスタマイズします。
  3. 色のオプションをクリックしてカラー選択ツールを表示し、そのオプションに使用したい色を選択します。

データ系列の順序に基づく配色

グラフの背景色のオプション

カラー オプションの例

カスタムカラーを作成する

色の設定

カスタムカラーを作成するには、カラー選択ツールの色の [カスタム] 行で + をクリックします。カラーバーのいずれかの場所をクリックし、基本色を選択します。次に、スライダーを使用して色合いを調整します。色を指定するには、目的の色の 16 進数を入力する方法もあります。現在の色の 16 進値を使用して、別の要素に同じ色を適用することもできます。

たとえば、右に示した画像では、青色の 16 進数値が #4285f4 になっています。この値をコピーして、他のオブジェクトの色選択ツールに貼り付けることで、この淡い青色に設定できます。

カラー グラデーション

グラデーション コントロールに、選択した 16 進数色コード #183295ff と、[向き] プルダウン メニューから選択した対角線オプションが表示されています。

ある色が別の色に少しずつ変わっていく効果をグラデーションといいます。グラデーションは、コンポーネントの背景色プロパティで使用できます。

  1. 背景色コントロール 背景色アイコン をクリックします。
  2. [グラデーション] をクリックします。

左端と右端の色見本によって、それぞれ開始色と終了色が決まります。色を選択するには、特定の 16 進数のカラーコードを入力するか、パレットから色を選択するか、垂直スライダーを使用します。

グラデーションの向きは方向矢印を使用して決定します。

この情報は役に立ちましたか?

改善できる点がありましたらお聞かせください。
検索
検索をクリア
検索を終了
メインメニュー
4701407001356117590
true
ヘルプセンターを検索
true
true
true
true
true
102097
false
false