スクリーンショット_2020-01-28_15

Tableau日記#3-Tableauでドーナツグラフを作ってみる

今回はステップアップしたチャートとして、ドーナツチャートを作ってみることにします。

STEP1: 円グラフを作る

カテゴリと売上のグラフを作ろうと思うのでまずは列と行にそれぞれ追加します。表示形式のところから円グラフを選びましょう。

スクリーンショット 2020-01-27 02.25.34

すると、

スクリーンショット 2020-01-27 02.26.55

こんなチャートができます。
これだとちょっとサイズが小さいので大きくしましょうか。
そんな時は表示形式を標準からビュー全体にします。

スクリーンショット 2020-01-27 02.31.01

STEP2: いよいよドーナツにする

「ドーナツチャートを作ってみて」と初めて言われた時、私はExcelをイメージしていたので、デザイン集がどこかにあるんだろうと表示形式のところを探したり、マークカードの中にある角度やサイズのところを一生懸命触っていました。
しかし、見つかりません。それはそうです。Tableauではドーナツチャートを二重軸という機能で二つの円を重ねることで作ります。

-実践-

スクリーンショット 2020-01-28 14.46.10

まずは左のデータペインにあるメジャーの中にあるレコード数を二つ行のところに入れてください。
次にメジャーをそれぞれ最小にします。レコード数の中身を見ればわかるのですがそれ自体は1なので最大でも最小でも実は構いません。

スクリーンショット 2020-01-28 14.56.59

スクリーンショット 2020-01-28 15.04.04

二つ目のマークのカードの中から、色(カテゴリ)、サイズ、角度を取り除きます。

スクリーンショット 2020-01-28 15.05.33

するとこんな感じになります。

スクリーンショット 2020-01-28 15.06.19

色のところを白を選択、サイズを少し小さくします。
ここで行の中の最小値(レコード数)の右側を右クリックし、二重軸を選択。

スクリーンショット 2020-01-28 15.07.59

スクリーンショット 2020-01-28 15.08.42

するとこんな感じでドーナツチャートが完成します。

STEP3:ラストスパート

1:グラフを大きくする
必要な人はグラフを大きくしましょう。最小値(レコード数)のマークカードそれぞれの中サイズ選択から、グラフを大きくしていきます。すべてのマークカードからサイズを大きくしようとするとドーナツチャートが消えてしまうので注意してください。

スクリーンショット 2020-01-28 15.13.08

2:ラベルをつける
まずはタイトルとしてドーナツの中に売上を表示させましょう。狭いスペースでもこのようにタイトルを入れることができるのが、ドーナツチャートの利点ですよね。
先ほどから登場している二つ目のマークカードのラベルに売上を持っていきます。このままでは数字しか出ないので、ラベルをクリックし、テキストの右にある「...」をクリック、下のようなラベルの編集が出てきますので売上と書き足しましょう。

スクリーンショット 2020-01-28 15.20.41

スクリーンショット 2020-01-28 15.17.21

するとこのようになります。
また、カテゴリごとがしめる割合もみたいのですよね。一つ目の最小値(レコード数)のマークカードのラベルに売上を持っていき、その売上を右クリック。下にある簡易表計算から合計に対する割合を選びましょう。

スクリーンショット 2020-01-28 15.23.27

すると、このように全体を1とした割合が示されます。

スクリーンショット 2020-01-28 15.25.29

パーセンテージになおすために、割合の数字の上で右クリック。書式設定をクリック。すると、数値のところにパーセンテージというものがあるのでそこをクリックするとこのようにパーセントで表されたものを書くことができます。

スクリーンショット 2020-01-28 15.25.51

3:軸などを取り除く
まずヘッダーの表示をクリックして、ヘッダーを非表示にします。

スクリーンショット 2020-01-28 15.37.33

そして書式設定の線の書式設定と枠線の書式設定でそれぞれなしを選択し、

スクリーンショット 2020-01-28 15.39.55

スクリーンショット 2020-01-28 15.40.34

これで完成です。
最後まで読んでくれてありがとうございます。

スクリーンショット 2020-01-28 15.42.41


いいなと思ったら応援しよう!