
ワッフルチャート
ハーゲンダッツのジェラートシリーズ。2種類の桃をそれぞれ食べても、まぜてもおいしく頂ける一品。昨年から始まったシリーズで今年は桃でした。とてもおすすめです。ほかにもピスタチオもあるので探してみてください。
WOW2022 W52の問題
https://workout-wednesday.com/wow2022-week-52-can-you-create-a-waffle-chart/
要件
・ダッシュボードのサイズ: 1000×525
・セグメント別の売上高割合 ⇒達成できてないです。
・各セグメントの%を表すBANの作成
・ツールチップなし
流れ
ワッフル基本形の行列データを準備
Rowは1-10までの番号をColumnごとに数字を変えていく
Columnは1-10の繰り返しを入力
Percentageは割合が入るので0.01から1までの数字が入ります。

Tableauのデータにまずこの事前準備データ、その後読み込むサンプルスーパーストアのシートを読み込みます。


Column/Rowを下記のように入れ、合計値とならないようにディメンションに変更しておく。Rowの軸を編集し、反転しておく。

シートの調整
線の書式設定で[シート]グリッド線、ゼロライン線をなしにする。
パネルのサイズで四角のサイズを調整する
色の凡例でそれぞれの色を編集し、凡例は非表示にしておく。


テキストで各セグメントごとのProfit Ratioを大きく表記。完成。
注意点
・ダッシュボードで表示したときにサイズをうまく調整しないと四角同士がくっついて見える。対処法は四角の枠線を白色に変更するなどで対処できる。
・LOD計算でSegment指定をした売上割合を作成しようとしたところ、Colorとして作成はできましたが、色に入れるとエラーが出たため、利益率で代替。ほかに方法がないか模索予定。動画も未確認のため、追記可能性あり。
参考ブログ
http://www.dmod-blg.com/dataanalysis/tableau-desktop/graph/waffle/
https://viz-fun.com/waffle-chart/