ADVERTISEMENT

【Googleスプレッドシート】グラフの背景色を設定する!透明・単色・グラデーション

【Googleスプレッドシート】グラフの背景色を設定する!透明・単色・グラデーション
🛡️ 超解決

Googleスプレッドシートでグラフを作成したあと、背景色を変更したいと思ったことはありませんか。グラフの背景色はデフォルトでは白色ですが、透明にしたり単色に変更したりグラデーションを設定することも可能です。この記事ではグラフの背景色を3種類の方法で設定する手順を詳しく解説します。これらの操作を覚えれば、資料やプレゼンに合わせた見やすいグラフを作成できるようになります。

【要点】グラフの背景色を透明・単色・グラデーションに変更する方法

  • 「グラフの領域」書式設定パネル: グラフをダブルクリックし、右側の書式設定から背景色を選択します。
  • 「塗りつぶし」オプションを「なし」に設定: グラフの背景を透過させたい場合は塗りつぶしをなしにします。
  • 「塗りつぶし」オプションで色を選択: 単色の場合は任意の色を選び、グラデーションの場合はグラデーションタブから設定します。

ADVERTISEMENT

グラフ背景色のカスタマイズオプションの概要

Googleスプレッドシートのグラフには、背景色を設定するための「グラフの領域」という設定項目があります。ここでは塗りつぶしの種類を「なし」「単色」「グラデーション」の3つから選択できます。塗りつぶしをなしにすると背景が透明になり、グラフの下にあるセルや画像が透けて見えるようになります。単色は好きな色を1つ選んで塗りつぶす方法で、グラデーションは複数の色を使ってなだらかな色の変化を作り出す方法です。これらの設定は、グラフを見やすくデザインするための基本操作です。

グラフの背景色を設定する手順

ここからは具体的な操作手順を説明します。いずれの方法も、まずグラフをクリックして選択状態にすることが共通の第一歩です。

手順1: グラフを選択し書式設定パネルを開く

  1. グラフをダブルクリックする
    グラフをダブルクリックすると、シートの右側に「グラフのエディタ」パネルが表示されます。このパネルには「設定」タブと「カスタマイズ」タブがあります。
  2. 「カスタマイズ」タブをクリックする
    右側のパネル上部にある「カスタマイズ」タブをクリックします。ここからグラフの見た目に関するさまざまな設定が行えます。
  3. 「グラフの領域」セクションを展開する
    「カスタマイズ」タブの中から「グラフの領域」という項目を探し、クリックして展開します。ここに背景色の設定オプションが表示されます。

手順2: 背景を透明にする方法

  1. 「塗りつぶし」のドロップダウンを開く
    「グラフの領域」セクション内にある「塗りつぶし」のドロップダウンリストをクリックします。
  2. 「なし」を選択する
    リストの先頭にある「なし」をクリックします。これでグラフの背景が透明になり、下のセルや画像がそのまま見えるようになります。

手順3: 単色の背景色を設定する方法

  1. 「塗りつぶし」のドロップダウンを開く
    同様に「塗りつぶし」のドロップダウンを開きます。
  2. 任意の色を選択する
    パレットから好きな色をクリックして選びます。パレットにない色を使いたい場合は、パレット下部の「カスタム」ボタンをクリックし、RGBや16進数コードで色を指定することもできます。
  3. 透明度を調整する(必要に応じて)
    色を選択したあと、その色のすぐ下にある「透明度」スライダーを動かすと、色の濃さを調整できます。透明度を高くすると色が薄くなり、背景が透けるようになります。

手順4: グラデーションの背景色を設定する方法

  1. 「塗りつぶし」のドロップダウンを開く
    「グラフの領域」の「塗りつぶし」ドロップダウンを開きます。
  2. 「グラデーション」タブを選ぶ
    パレットの上部に「単色」「グラデーション」のタブがあるので、「グラデーション」をクリックします。
  3. グラデーションの始点と終点の色を設定する
    グラデーションのバーが表示されます。バーの左端のストッパーをクリックして始点の色を、右端のストッパーをクリックして終点の色をそれぞれ設定します。各ストッパーをクリックすると色の選択パレットが開きます。
  4. グラデーションの角度や向きを変更する(必要に応じて)
    グラデーションバーの下部にある角度入力欄に数値を入力するか、ダイヤルを回して角度を変えられます。0度は左から右へのグラデーション、90度は下から上へのグラデーションになります。
  5. ストッパーを追加して多色グラデーションを作る
    グラデーションバーの任意の位置をクリックするとストッパーが追加され、その位置の色を個別に設定できます。これにより3色以上のグラデーションも作成可能です。

グラフ背景色設定時の注意点とよくある失敗例

背景色の設定は簡単ですが、思った通りの見た目にならない場合もあります。ここではよくあるトラブルとその対処法を紹介します。

背景色がグラフの一部にしか反映されない

グラフの背景色には「グラフの領域」と「プロット領域」の2種類があります。「グラフの領域」はグラフ全体の背景で、「プロット領域」はデータが描画される内側の領域です。背景色を変更してもプロット領域の色が変わらない場合は、プロット領域も別途設定する必要があります。プロット領域も同様に「カスタマイズ」タブの「プロット領域」セクションから塗りつぶしを設定してください。

透明にしたはずが白いまま表示される

塗りつぶしを「なし」に設定しても、シートのセルに背景色が設定されている場合はその色が見えるわけではありません。透明にしたグラフの背景には、シートのセルの色がそのまま表示されます。したがって、透明なグラフの背景に意図した色を表示したい場合は、グラフの後ろにあるセルに塗りつぶしの色を設定しておく必要があります。

グラデーションの色が意図した順番にならない

グラデーションの色の順番は、バー上のストッパーの配置順に依存します。左端のストッパーがグラデーションの始点、右端が終点です。ストッパーをドラッグして順番を入れ替えれば、色の出現順を変更できます。また、角度を変えることでグラデーションの方向も自由に調整できます。

ADVERTISEMENT

グラフ背景色の各設定方法の比較

設定方法 見た目の特徴 おすすめの用途
透明(なし) グラフの下のセルや画像が透けて見える シートの背景を活かしたい場合や、グラフをシートに溶け込ませたい場合
単色 指定した1色で塗りつぶされる。透明度も調整可能 資料でグラフを目立たせたい場合や、テーマカラーに合わせたい場合
グラデーション 2色以上の色がなだらかに変化する。角度やストッパー位置で細かく調整可能 デザイン性を重視したプレゼン資料や、視覚的に印象を強めたい場合

まとめ

この記事では、Googleスプレッドシートのグラフ背景色を透明・単色・グラデーションに設定する方法を説明しました。グラフをダブルクリックして「カスタマイズ」タブの「グラフの領域」から塗りつぶしを選ぶだけで、背景色を自由に変更できます。透明にすればシートの背景を活かせますし、単色やグラデーションを使えば見た目を劇的に改善できます。次にグラフを作成するときは、ぜひ背景色の設定も試してみてください。プロット領域の色やグラフの枠線など、他の書式設定と組み合わせることで、さらに魅力的なグラフに仕上がります。


ADVERTISEMENT

この記事の監修者
✍️

超解決 第一編集部

疑問解決ポータル「超解決」の編集チーム。正確な検証と、現場視点での伝わりやすい解説を心がけています。