これを作った記録です!
こちら参考にさせて頂きました。先人に大感謝。
【Tableau Tips】ドーナツチャートの作成方法
考え方
やってみた結果、まとめるとこんなイメージです。
- スコアを表現する円グラフと、真ん中の穴を表現する円グラフを用意して重ねる
- スコアを表現する円グラフには
スコア
と、100-スコア
を角度に用いる
ドーナツをつくっていく
1. 計算フィールド 100-スコア
を作成する
2. 計算フィールド 1
をつくる
なんで?はうまく説明できないので、冒頭の参考ページを読んでください。
わたしみたいな面倒くさがりさんは、おまじないだと思ってください。
3. ふたつの円グラフをつくる
行シェルフに1
を"最小値"で配置し複製。
マークは「円グラフ」を選択。
Tips1:右クリックしながらドラッグ&ドロップでスマートに集計の種類を選択
Tips2:Ctrl押しながらドラッグ&ドロップで複製
円グラフが2つ表示されるので、右側のフィールドを右クリックで「二重軸」
ヘッダーも非表示にしておく。
4. 円を上下に分かつ線(ゼロライン)を消す
5. ドーナツの穴をつくる
マークの中、2つ目の円グラフ( (2)となっている方)の色とサイズを編集する。
6. スコアを割合っぽく表現する
1つ目の円グラフ((1)となっている方)の「角度」に メジャーバリュー
を配置する。
※データエリアの一番下にあるよ
配置すると、「マーク」の下に「メジャーバリュー」エリアが出現する。
ありとあらゆるメジャーが入ってくるんで必要な項目のみ残す。足りないものがあれば追加する。
今回は睡眠スコア
と100-[睡眠スコア]
を角度で表現したいから配置。
平均点を表示するようにしたいから集計の種類も「平均」に変更。
「角度」にメジャーバリュー
が、「詳細」にメジャーネーム
が設定されました。
まだ見た目に変化はありませんね。
なぜかって?色分けする指標を設定していないからです。
7. 色で割合を表現する
「詳細」に設定されていたこのメジャーネーム
を、「色」までドラッグ&ドロップ。
すると割合が一目でわかるようになります。
8. 思いやりをもって整える
- 色
- ラベル
- ツールヒント(カーソルあてたときに出てくるやつ)
- フォント
など。このあたりが丁寧に処理されていると洗練された感じがでると思っています。
ドーナツ完成!
これこれ~!こういうのが欲しかったんだよ~!というのが出来ました。
きれいなものができるとTableauはどんどん楽しくなりますね。
進捗率などを表現するのにおすすめです!