![見出し画像](https://assets.st-note.com/production/uploads/images/67167207/rectangle_large_type_2_d6b23df07ebf384322917ec016badc4c.png?width=800)
【Tableau】ドーナツチャートの作り方
noteをお読みいただきありがとうございます!
SMKT事業部21新卒ライターの中川です!
構成比を表現するのによく使われる円グラフですが、
右と左どちらがよりスマートな印象を持つでしょうか?
![](https://assets.st-note.com/img/1638491550316-nYPayO6j1S.png?width=800)
どちらも同じ「売上のカテゴリ構成比」を表しているにも関わらず、異なった印象を持ちます。
Tableauは簡単な操作で優れたビジュアライズが作成できるBIツールですが、出来るだけスマートに見えるVizがいいですよね?
今回はBIツール#Tableauでデータ分析をする際によく使われるチャートの1つ「ドーナツチャート」の作り方をご紹介します。
![](https://assets.st-note.com/img/1638494615618-cPr6AVr1ZI.png?width=800)
1.ドーナツチャート作成の基本手順
1.1つ目の円グラフを作成
2.2つ目の円グラフを作成
3.二重軸にする
4.ドーナツの中心部分を作成
5.体裁を整える
2.完成イメージ
今回はTableau Desktopに付属されているサンプルスーパーストアのデータを用いて、「売上のカテゴリ構成比」を表すドーナツチャートを作成していきます。
![](https://assets.st-note.com/img/1638491936928-b5oMcoxUQ9.png)
3.【実践】ドーナツグラフの作り方
3.1 1つ目の円グラフを作成
カテゴリ別の売上構成比を表す円グラフを作成します。
・マークカード:[円グラフ]
・色:[カテゴリ]
・角度:合計([売上])
![](https://assets.st-note.com/img/1638492325877-GxS4AOORuM.png?width=800)
3.2 2つ目の円グラフを作成
3.1で作成した円グラフと同様の円グラフを作成します。
・行に[レコード数]を配置し、最小値に変更。
![](https://assets.st-note.com/img/1638492451865-wU5E5ks1ZT.png?width=800)
![](https://assets.st-note.com/img/1638492180167-MVsh4G9UWD.png)
・最小値[レコード数]を複製し行に配置。
![](https://assets.st-note.com/img/1638492573219-cKEcqeGKOn.png?width=800)
3.3 二重軸にする
・2つ目の最小値[レコード数]を右クリックし、二重軸に設定。
※二重軸グラフの基本作成方法はこちら。
![](https://assets.st-note.com/img/1638492724824-ZcAn88yPmk.png?width=800)
3.4 ドーナツの中心部分を作成
・ドーナツの中心部分にしたい方のマークカードを削除する。
![](https://assets.st-note.com/img/1638492787085-Hr4Tp8tin7.png?width=800)
・中心部分のサイズを小さくし、背景色にする。
![](https://assets.st-note.com/img/1638492831157-qGzjVBURBs.png?width=800)
3.5 体裁を整える
・ヘッター と 書式設定から背景のラインを消す。
![](https://assets.st-note.com/img/1638492934422-DCeyr6hIty.png?width=800)
・ラベルを設定する。
1つ目の円のラベルに、[カテゴリ]と[売上の割合]を表示。
![](https://assets.st-note.com/img/1638492992176-AYaqBrvA2i.png?width=800)
2つ目の円に 合計([売上]) を表示。
![](https://assets.st-note.com/img/1638493045864-FGCyNr2WiV.png?width=800)
以上でドーナツチャートの完成です。
4.【応用】二重ドーナツグラフの作成
中央の円グラフをくり抜き用ではなく、
大きい円より細かい粒度のディメンションに設定することによって、
合計と内訳を表した二重ドーナツグラフを作成することもできます!
![](https://assets.st-note.com/img/1638493250416-JaGy0Ng1LF.png)
基本手順の1~3まで同様の操作を行います。
4.1 1つ目の円グラフを作成
4.2 2つ目の円グラフを作成
4.3 二重軸にする
3.4と同様、中心部分の円には何も情報が入っていない状態です。
![](https://assets.st-note.com/img/1638494749951-4C0TllA0SY.png?width=800)
4.4 二重ドーナツグラフの中心部分を作成
・色: [サブカテゴリ]
・角度: 合計([売上])
![](https://assets.st-note.com/img/1638493846277-z4S628szN5.png?width=800)
4.5 体裁を整える
ラベルを付与したり、ツールヒントに情報を与えたり、好みの配色を行えば完成です。
![](https://assets.st-note.com/img/1638493908692-TqCTLwledb.png?width=800)
![](https://assets.st-note.com/img/1638493945254-q3OaYiy4cz.png?width=800)
以上がドーナツグラフの作成方法でした。
手軽に作成できるにも関わらず、スマートな印象を与えることが出来るのでオススメのチャートです。
ドーナツチャートは構成比だけでなく、バロメーターとしても使えるので
KPIの表示方法でもよく利用されます。
![](https://assets.st-note.com/img/1638493972398-PrTLwy1l1V.png)
また、円グラフ自体の見栄えだけでなく、凡例も見やすくすることが出来ます!
是非ご活用ください!
5. 最後に
SMKT事業部では、データエンジニア・データアナリストを募集しています。
是非こちらもご覧ください。
▽その他募集職種こちらから▽
●●●
✉ サービスに関するお問い合わせ ✉
パーソルプロセス&テクノロジー SMKT事業部
smkt_markegr_note@persol-pt.co.jp