スプレッドシートでおしゃれな円グラフを作る方法！9割が知らない5つの極意

「円グラフを作ってみたけど、なんだかダサい…」「Excelっぽさが抜けなくて、プレゼン資料に使いづらい…」そんな悩みを抱えていませんか？実は、Googleスプレッドシートの円グラフには、ほんの少しの工夫で見違えるほどおしゃれに変身させる秘密のテクニックが隠されています。

2026年1月現在、GoogleスプレッドシートにはGemini AIによるデータ分析機能が搭載され、グラフ作成の可能性がさらに広がっています。この記事では、基本的な作り方から、プロのデザイナーも実践している配色理論まで、あなたの円グラフを「伝わるグラフ」に変える方法を徹底解説します。

円グラフの基本を押さえよう！どんなデータに使えばいい？

円グラフを作り始める前に、まず「本当に円グラフが最適なのか？」を考えることが大切です。円グラフは全体に対する各項目の割合（構成比）を視覚的に伝えるためのグラフであり、その合計が必ず100%になるデータに使用します。

例えば、アンケートで「好きな季節は？」という質問に対する回答比率や、月別売上の構成比、プロジェクトの予算配分といったデータは円グラフにぴったりです。一方で、「各店舗の売上高を比較したい」という場合は棒グラフ、「売上の推移を見たい」という場合は折れ線グラフが適しています。

最新のデータビジュアライゼーション研究によると、人間の脳は視覚情報を500ミリ秒以下で処理すると言われています。つまり、グラフは一瞬で理解できなければ意味がないのです。円グラフの強みは、まさにこの「一目で割合がわかる」という点にあります。

スプレッドシートで円グラフを作る基本ステップ

それでは実際にGoogleスプレッドシートで円グラフを作成していきましょう。手順は驚くほどシンプルで、わずか3ステップで完成します。

ステップ1データを正しく準備する

まず、グラフの元になるデータをスプレッドシートに入力します。円グラフ用のデータは、項目名（ラベル）と数値の2列構成が基本となります。例えば、A列に「商品A」「商品B」「商品C」といった項目名を、B列にそれぞれの売上金額や数量を入力します。

ここで重要なのは、データを降順（大きい順）に並べておくことです。円グラフは時計の12時の位置から反時計回りに項目が配置されるため、大きい項目から順に並べておくと、見る人が直感的に理解しやすくなります。

ステップ2グラフを挿入する

データを入力したら、項目名の見出しも含めてセル範囲を選択します。その状態でメニューバーの「挿入」をクリックし、表示されたメニューから「グラフ」を選択してください。スプレッドシートが自動的にデータを分析し、適切なグラフ候補を提案してくれます。

もし円グラフ以外のグラフが表示された場合は、画面右側に表示される「グラフエディタ」の「設定」タブから「グラフの種類」を選択し、円グラフを指定すればOKです。

ステップ3グラフエディタでカスタマイズする

基本的な円グラフが作成できたら、「カスタマイズ」タブで見た目を調整していきます。タイトルの追加、凡例の位置変更、色の変更など、ここで行う設定がグラフの印象を大きく左右します。詳しいカスタマイズ方法は次のセクションで解説します。

おしゃれな円グラフに変身させる5つの極意

ここからが本題です。デフォルトの円グラフを、プレゼンでも堂々と使える洗練されたデザインに変えるための極意をお伝えします。

極意1ドーナツグラフで窮屈感を解消する

通常の円グラフは中心までぎっしりと色で埋まっているため、どこか窮屈な印象を与えがちです。そこでおすすめなのがドーナツグラフへの変換です。グラフエディタの「カスタマイズ」タブから「円グラフ」セクションを開き、「ドーナツの穴」に50%程度の数値を入力するだけで、中央が空洞になったモダンなグラフに変身します。

この空洞部分には、グラフのタイトルや合計値を配置することもでき、情報をコンパクトにまとめられるという利点もあります。2025年以降のデザイントレンドでは、このドーナツグラフがスタンダードになりつつあります。

極意2配色は同系色のグラデーションで統一する

円グラフの色選びで最もやってしまいがちな失敗は、カラフルにしすぎることです。赤、青、黄、緑と原色を並べると、どこに注目すべきかわからなくなり、かえって情報が伝わりにくくなります。

プロのデザイナーが実践しているのは、同系色の濃淡でグラデーションを作るテクニックです。例えば、青系であれば濃い紺色から薄い水色へと段階的に変化させることで、統一感がありながらも各項目を区別しやすいグラフになります。

グラフエディタでは、「円グラフ」セクションの「スライスの色」から各項目の色を個別に変更できます。最も割合の大きい項目を濃い色に、小さい項目ほど薄い色にすると、視覚的な階層も表現できて一石二鳥です。

極意3強調したい部分だけ目立たせる

円グラフで最も伝えたいポイントがある場合は、その項目だけを視覚的に強調しましょう。方法は2つあります。

1つ目は色で強調する方法です。他の項目をグレーや彩度の低い色にまとめ、強調したい項目だけオレンジや赤などの暖色系を使うと、自然と視線がそこに集まります。UIデザインの世界では、これを「アクセントカラー」と呼び、重要な情報を際立たせるための基本テクニックとして広く使われています。

2つ目は切り出し機能を使う方法です。グラフエディタの「円グラフ」セクションにある「中央からの距離」で、特定の項目を選んで数値（例25%）を設定すると、そのスライスだけが円から少し離れて表示されます。まるでピザを一切れ引き出したような見た目になり、視覚的なインパクトが生まれます。

極意4項目数は5〜7個に厳選する

円グラフの項目が10個、15個と増えていくと、スライスが細かくなりすぎて何が何だかわからなくなります。理想的な項目数は5〜7個とされており、それ以上になる場合は、割合の小さい項目を「その他」としてまとめることを検討しましょう。

「その他」にまとめた項目の内訳を伝えたい場合は、円グラフの横に補足のテキストや表を添えるか、別途詳細な資料を用意する方がスマートです。無理に一つのグラフに詰め込もうとすると、かえって伝わりにくくなってしまいます。

極意53D表現は絶対に避ける

スプレッドシートには3Dの円グラフを作成する機能がありますが、ビジネス資料では使用を避けるべきです。なぜなら、3Dにすると奥行きによって手前の項目が大きく見え、奥の項目が小さく見えてしまい、データの正確な比較ができなくなるからです。

見た目のインパクトよりも、情報を正確に伝えることがグラフの本来の役割です。シンプルな2Dのデザインを選び、データそのものの力で説得力を持たせましょう。

パーセンテージを表示して説得力を高める方法

円グラフで割合を伝えるなら、具体的な数値を表示することで説得力がぐんとアップします。スプレッドシートでは、スライス上に直接パーセンテージを表示する機能が用意されています。

グラフエディタの「カスタマイズ」タブから「円グラフ」セクションを開き、「スライスラベル」のプルダウンメニューから「パーセンテージ」を選択してください。これで各スライスに自動計算された割合が表示されます。

さらに見やすくするコツとして、凡例を削除してデータラベルを直接表示する方法があります。凡例が円グラフの横に別途表示されていると、見る人は凡例とグラフを交互に見比べる必要があり、理解に時間がかかります。スライス上に項目名とパーセンテージの両方を表示すれば、視線の移動が最小限で済み、瞬時に情報が伝わります。

スマホやタブレットでも円グラフは作れる？

Googleスプレッドシートのモバイルアプリでも、基本的な円グラフの作成は可能です。データ範囲を選択した後、画面上部の「+」アイコンをタップし、「グラフ」を選ぶことで作成できます。

ただし、モバイル版ではPCブラウザ版と比べてカスタマイズ機能に制限があります。色の細かな調整や複雑な設定は難しいため、外出先での確認や簡単な修正には使えますが、本格的なグラフ作成はPCで行うことをおすすめします。

タブレットの場合は画面を横向きにすることで、PCに近い操作感覚を得られます。Apple Pencilやスタイラスペンを使えば、より正確な範囲選択やグラフの配置調整も可能です。

円グラフと他のグラフの使い分けを知っておこう

データを可視化する際、円グラフが常に最適とは限りません。目的に応じて適切なグラフを選ぶことが、伝わる資料作りの第一歩です。

複数のグループ間で構成比を比較したい場合は、円グラフを並べるよりも100%積み上げ棒グラフ（帯グラフ）の方が一目で違いがわかります。また、階層構造を持つデータにはサンバーストチャートやツリーマップが適しています。

GASで円グラフを自動生成！業務効率化のためのスクリプト活用術

毎月同じようなデータで円グラフを作り直している方、正直うんざりしていませんか？実はGoogle Apps Script（GAS）を使えば、ボタン一つで円グラフを自動生成できるようになります。プログラミング未経験でも、コピペするだけで使えるコードを紹介するので、ぜひ試してみてください。

基本の円グラフ自動生成コード

まずは最もシンプルな円グラフ自動生成のコードです。スプレッドシートの「拡張機能」→「Apps Script」を開いて、以下のコードを貼り付けるだけで動作します。

function createPieChart() {
  var sheet = SpreadsheetApp.getActiveSheet();
  var range = sheet.getRange(“A1:B6”);
  var chart = sheet.newChart()
    .setChartType(Charts.ChartType.PIE)
    .addRange(range)
    .setPosition(1, 4, 0, 0)
    .setOption(‘title’, ‘売上構成比’)
    .build();
  sheet.insertChart(chart);
}

このコードを実行すると、A1からB6の範囲のデータを使って、D1の位置に円グラフが自動的に挿入されます。データ範囲やタイトルは、自分の環境に合わせて書き換えてください。

ドーナツグラフに自動変換するコード

おしゃれなドーナツグラフを作りたい場合は、以下のようにオプションを追加します。

function createDonutChart() {
  var sheet = SpreadsheetApp.getActiveSheet();
  var range = sheet.getRange(“A1:B6”);
  var chart = sheet.newChart()
    .setChartType(Charts.ChartType.PIE)
    .addRange(range)
    .setPosition(1, 4, 0, 0)
    .setOption(‘title’, ‘売上構成比’)
    .setOption(‘pieHole’, 0.5)
    .build();
  sheet.insertChart(chart);
}

pieHoleの値を0.5にすると、円の中央に50%の穴が開いたドーナツグラフになります。値は0から1の間で指定でき、0.4〜0.6程度がバランスの良い見た目になります。

アンケート結果を自動集計して円グラフ化するコード

Googleフォームのアンケート結果をスプレッドシートに連携している場合、回答を自動で集計して円グラフにするスクリプトが非常に便利です。以下のコードは、B列にある「参加」「不参加」などの回答を集計し、新しいシートに円グラフを作成します。

function createAttendanceChart() {
  var ss = SpreadsheetApp.getActiveSpreadsheet();
  var responsesSheet = ss.getSheets();
  var lastRow = responsesSheet.getLastRow();
  var data = responsesSheet.getRange(2, 2, lastRow – 1, 1).getValues().flat();
  var counts = {“参加”: 0, “不参加”: 0};
  data.forEach(function(response) {
    if (counts.hasOwnProperty(response)) {
      counts++;
    }
  });
  var summarySheet = ss.insertSheet(“集計結果”);
  summarySheet.getRange(“A1:B1”).setValues]);
  summarySheet.getRange(“A2:B3”).setValues], ]]);
  var chart = summarySheet.newChart()
    .setChartType(Charts.ChartType.PIE)
    .addRange(summarySheet.getRange(“A1:B3”))
    .setPosition(5, 1, 0, 0)
    .setOption(‘title’, ‘アンケート結果’)
    .build();
  summarySheet.insertChart(chart);
}

このスクリプトを一度設定しておけば、アンケートの回答が増えるたびに実行するだけで、最新の集計結果が円グラフとして可視化されます。毎週のチームミーティングや月次レポート作成の時間を大幅に短縮できるはずです。

現場で本当に困る円グラフのトラブルと解決法

私がこれまで数百件のスプレッドシート関連の相談を受けてきた中で、円グラフに関する「あるある」な困りごとには共通のパターンがあります。ここでは、検索しても答えが見つかりにくい実践的な問題の解決法をお伝えします。

スライスの色が勝手にリセットされる問題

せっかく一つひとつ色を設定したのに、データを更新したら色がデフォルトに戻ってしまった経験はありませんか？これはスプレッドシートの仕様で、データ範囲が変更されると色設定がリセットされることがあります。

この問題を回避するには、データ範囲を最初から余裕を持って設定しておくのがコツです。例えば、現在5項目のデータがあるなら、A1:B10のように将来追加される可能性のある行も含めて範囲を指定します。空白行があっても円グラフには表示されないので、見た目に影響はありません。

特定のスライスだけ色を変えたいのにうまくいかない

グラフエディタで「円グラフのスライス」から色を変更しようとしても、選択がうまくいかないことがあります。これは操作のコツを知らないだけの場合がほとんどです。

正しい手順は、まずグラフをダブルクリックして編集モードに入り、次に変更したいスライスを直接クリックします。このとき、一度クリックすると全スライスが選択され、もう一度同じスライスをクリックすると単一選択になるという二段階の仕組みになっています。単一選択の状態で右クリックして「データポイントの書式設定」を選べば、そのスライスだけの色を変更できます。

ラベルが重なって読めない問題

項目が多い円グラフや、似たような割合の項目が隣り合っている場合、ラベルが重なってしまうことがあります。スプレッドシートには自動調整機能がありますが、完璧ではありません。

この問題の根本的な解決法は、凡例を削除してスライスラベルのみにするか、逆にスライスラベルを消して凡例だけにするかのどちらかに統一することです。両方を表示しようとすると、情報が重複してかえって見づらくなります。

もう一つの方法として、割合が小さすぎる項目は「その他」としてまとめるか、いっそのこと円グラフをやめて100%積み上げ棒グラフに切り替えるという判断も有効です。見せ方にこだわりすぎて本来のメッセージが伝わらなくなっては本末転倒ですからね。

データを更新してもグラフに反映されない問題

スプレッドシートのセルの値を変えたのに、グラフがまったく変わらない。これは実は「グラフのデータ範囲がずれている」ことが原因であるケースが9割です。

グラフをダブルクリックしてグラフエディタを開き、「設定」タブの「データ範囲」を確認してください。意図した範囲と違っていたり、絶対参照（$A$1のような形式）になっていて新しいデータが範囲外になっていたりすることがあります。

将来的にデータが増える可能性がある場合は、データ範囲を「A:B」のように列全体で指定しておくと、自動的に新しいデータも含まれるようになります。

プロが教える円グラフの「見せ方」テクニック

円グラフの作り方は分かった。でも、なんとなく垢抜けない。そんな方のために、資料作成のプロが実際に使っている「見せ方」のテクニックを伝授します。

コーポレートカラーを活かした配色設計

会社のプレゼン資料で円グラフを使う場合、コーポレートカラーを基調にした配色にすると、資料全体の統一感が生まれます。やり方は簡単で、メインのコーポレートカラーを最も強調したい項目に使い、その他の項目はグレースケールや薄い色でまとめるだけです。

例えば、企業のブランドカラーがオレンジなら、アピールしたい「売上No.1商品」のスライスだけオレンジにして、残りは薄いグレーの濃淡で表現します。こうすることで、見る人の視線が自然と強調したい部分に集まります。

数字の「丸め」で印象を操作しない

円グラフに表示するパーセンテージは、小数点以下を四捨五入することが多いと思います。しかし、ここで注意したいのが、丸めた数字の合計が100%にならない場合があるということです。

例えば、33.3%、33.3%、33.4%という数字を四捨五入すると、33%、33%、33%で合計99%になってしまいます。こうした誤差が生じる場合は、いっそのこと小数点第一位まで表示するか、最も大きい項目に端数を寄せて調整するのがスマートです。

Googleスライドやドキュメントへの連携

スプレッドシートで作成した円グラフは、GoogleスライドやGoogleドキュメントに「リンク」として挿入できます。この機能を使うと、元のスプレッドシートのデータを更新するだけで、スライドやドキュメント内のグラフも自動的に最新の状態に更新されます。

挿入方法は、スライドやドキュメントで「挿入」→「グラフ」→「スプレッドシートから」を選び、該当のファイルとグラフを選択するだけ。毎月の報告資料を作り直す手間がなくなるので、ルーティンワークが多い方にはぜひ覚えておいてほしい機能です。

データの見せ方を変えれば説得力が変わる！円グラフの代替手段

円グラフが万能ではないことは先ほどお伝えしましたが、では具体的にどんな場面でどのグラフに切り替えるべきなのでしょうか。実務でよくあるシチュエーション別に解説します。

複数年度の構成比を比較したいとき

「2023年と2024年の売上構成比を比べたい」という場合、円グラフを2つ並べるよりも100%積み上げ棒グラフの方が圧倒的に分かりやすくなります。縦に年度を並べることで、各項目の割合がどう変化したかが一目瞭然になるからです。

スプレッドシートでは、グラフエディタの「グラフの種類」から「100%積み上げ棒グラフ」を選ぶだけで簡単に作成できます。

階層構造のあるデータを見せたいとき

「部門別の売上」の内訳として「各部門のプロジェクト別売上」も同時に見せたい場合、通常の円グラフでは対応できません。このような階層構造にはサンバーストチャートが適しています。

残念ながらGoogleスプレッドシートの標準機能ではサンバーストチャートを作成できないため、この場合はExcelを使うか、外部のグラフ作成ツールを検討する必要があります。

項目数が10個を超えるとき

商品カテゴリが20種類あるようなデータを円グラフにすると、スライスが細かくなりすぎて何が何だか分かりません。このような場合はツリーマップを使うと、面積の大小で割合を表現しながら、多くの項目を一度に見せることができます。

Googleスプレッドシートでツリーマップを作成するには、グラフエディタの「グラフの種類」で「その他」カテゴリから「ツリーマップ」を選択します。

スプレッドシートの円グラフに関する追加の疑問解決

GASで作ったグラフの色をカスタマイズするには？

Google Apps Scriptで作成したグラフの色を指定するには、setOptionメソッドで’colors’オプションを使います。例えば、.setOption(‘colors’, )のように、16進数のカラーコードを配列で指定することで、各スライスの色を順番に設定できます。

円グラフをPNG画像としてダウンロードできる？

はい、可能です。グラフの右上にある三点メニュー（︙）をクリックし、「ダウンロード」を選択すると、PNG、PDF、SVGの形式で保存できます。SVG形式を選べば、拡大しても画質が劣化しないベクター画像として活用できます。

共同編集中に他の人がグラフを変更できないようにするには？

グラフ自体をロックする機能はありませんが、グラフの元になっているデータ範囲を「保護されたシートと範囲」で保護することで、間接的にグラフの変更を防ぐことができます。「データ」→「保護されたシートと範囲」から設定できます。

印刷すると円グラフの色が変わるのはなぜ？

これは画面表示と印刷のカラープロファイルが異なることが原因です。特に鮮やかな色は印刷時にくすんで見えることがあります。重要な資料の場合は、事前にテスト印刷をして色味を確認することをおすすめします。また、パステルカラーよりも彩度の高い色の方が印刷しても色の差が出にくい傾向があります。

ぶっちゃけこうした方がいい！

ここまで円グラフの作り方やカスタマイズ方法を解説してきましたが、正直に言わせてもらうと、円グラフの見た目にこだわりすぎるのは時間の無駄になりがちです。

私がこれまで何百人もの資料作成をサポートしてきた経験から言えるのは、「おしゃれなグラフを作ること」と「伝わるグラフを作ること」は別物だということ。見た目に何時間もかけるくらいなら、そもそも円グラフを使うべきデータかどうかを5分考えた方がよっぽど生産的です。

結論から言えば、円グラフはドーナツ型にして、色は同系色の濃淡でまとめて、項目は5個以内。これだけ守れば、80点のグラフは誰でも作れます。残りの20点のために時間をかけるかどうかは、その資料の重要度によります。

そして、GASによる自動化は本当におすすめです。最初の設定に30分かかったとしても、毎月5分の作業を省けるなら、半年で元が取れる計算になります。しかも、手作業がなくなれば入力ミスや設定忘れもなくなる。これが自動化の本当の価値です。

最後に一つ。円グラフで悩んでいる時間があるなら、データそのものを見直した方がいいかもしれません。グラフが複雑になるのは、伝えたいメッセージが絞り込めていないサインであることが多いからです。「結局何が言いたいの？」と自分に問いかけて、その答えが一言で言えるようになったとき、グラフの形も自然と決まってくるものです。

スプレッドシートの円グラフに関するよくある質問

円グラフの凡例（項目名）を変更するにはどうすればいい？

円グラフの凡例は、元データのセルと連動しています。スプレッドシート上でデータの項目名を直接編集すれば、グラフの凡例も自動的に更新されます。グラフエディタ内で凡例を変更することはできないので、必ず元データを修正してください。

パーセンテージが表示されないのはなぜ？

グラフエディタの「カスタマイズ」タブから「円グラフ」セクションを開き、「スライスラベル」の設定を確認してください。「なし」になっている場合は、プルダウンから「パーセンテージ」または「値とパーセンテージ」を選択すると表示されます。

円グラフのサイズを変更するには？

グラフの端にある青い四角いハンドルをドラッグすることで、自由にサイズを変更できます。縦横比を維持したまま拡大・縮小したい場合は、Shiftキーを押しながらドラッグしてください。

作成したグラフを画像として保存できる？

グラフの右上にある三点メニュー（︙）をクリックし、「ダウンロード」を選択すると、PNG、PDF、SVGなどの形式で画像として保存できます。プレゼン資料やレポートに貼り付ける際に便利です。

円グラフを他のGoogleアプリに挿入することはできる？

はい、可能です。Googleスライドやドキュメントに円グラフを挿入する場合、「挿入」メニューから「グラフ」を選び、該当のスプレッドシートを指定することで、リンクされたグラフを追加できます。元データを更新すれば、挿入先のグラフも自動的に更新されます。

今すぐパソコンやスマホの悩みを解決したい！どうしたらいい？

いま、あなたを悩ませているITの問題を解決します！
「エラーメッセージ、フリーズ、接続不良…もうイライラしない！」

あなたはこんな経験はありませんか？

✅ ExcelやWordの使い方がわからない💦
✅ 仕事の締め切り直前にパソコンがフリーズ💦
✅ 家族との大切な写真が突然見られなくなった💦
✅ オンライン会議に参加できずに焦った💦
✅ スマホの重くて重要な連絡ができなかった💦

平均的な人は、こうしたパソコンやスマホ関連の問題で年間73時間（約9日分の働く時間！）を無駄にしています。あなたの大切な時間が今この悩んでいる瞬間も失われています。

LINEでメッセージを送れば即時解決！

すでに多くの方が私の公式LINEからお悩みを解決しています。

最新のAIを使った自動応答機能を活用していますので、24時間いつでも即返信いたします。

誰でも無料で使えますので、安心して使えます。

問題は先のばしにするほど深刻化します。

小さなエラーがデータ消失や重大なシステム障害につながることも。解決できずに大切な機会を逃すリスクは、あなたが思う以上に高いのです。

あなたが今困っていて、すぐにでも解決したいのであれば下のボタンをクリックして、LINEからあなたのお困りごとを送って下さい。

相談しに行く

ぜひ、あなたの悩みを私に解決させてください。

まとめ

スプレッドシートでおしゃれな円グラフを作るポイントは、ドーナツグラフへの変換、同系色グラデーションによる配色、強調したい項目の視覚的な差別化、項目数の厳選、そして3D表現を避けることの5つです。

これらのテクニックを実践すれば、デフォルトの「いかにもスプレッドシートで作りました」という印象から脱却し、プロが作ったようなスタイリッシュなグラフに仕上げることができます。グラフは単なるデータの羅列ではなく、あなたのメッセージを相手に届けるためのコミュニケーションツールです。ぜひ今回紹介したテクニックを活用して、伝わる資料作りに役立ててください。