![見出し画像](https://assets.st-note.com/production/uploads/images/96467894/rectangle_large_type_2_2641e7bf6a0f2239ea8a736bf118d724.png?width=800)
TableauダッシュボードでKPIツリーを作る(後編)
こんにちは。IT企業においてアプリの企画・デザイナーとして勤務していますCrazy.Fです。
今回の記事では、前編の記事である「TableauダッシュボードでKPIツリーを作る(前編)」の後編記事として、1コンテナの中に複数のワークシートを配置する方法をご紹介します。
注意:各ワークシート内に表示するデータは、今回のnoteの趣旨ではないため、割愛させていただきます。
実際には、適切なデータソースに繋いだ上で、適切な期間でデータが自動更新されるような設計にしておくことをおすすめします。
コンテナの中に複数のダッシュボードを配置する
下記の図のようなものをダッシュボードに「浮動」で配置するのは前編でお伝えした通りです。(赤枠=1ダッシュボード)
![](https://assets.st-note.com/img/1674647302661-dVTolILURu.png)
では、下記のように、2つのワークシートをくっつけて配置したい場合はどうでしょうか
![](https://assets.st-note.com/img/1674647312165-94YTsbT3Vf.png)
この場合、それぞれのワークシートを位置、サイズを調整しながら配置しても良いのですが、それだとpx単位で調整しなければならず、少しずれていただけでもガタつきが目立ってしまいます。そのため、これらの2つのワークシートを1つのコンテナに入れ込むイメージを持ち、下記の方法で作成します。
❶オブジェクトから、浮動を選択した上で、垂直方向のコンテナを配置する
![](https://assets.st-note.com/img/1674647419213-9g2tI7myxN.png)
![](https://assets.st-note.com/img/1674647395122-DOcO3ws5CO.png?width=800)
❷次に、タイルを選択した上で、該当の2つのダッシュボードを❶で作成したコンテナにドラッグ&ドロップする
![](https://assets.st-note.com/img/1674647436367-taYCeOvNqP.png)
![](https://assets.st-note.com/img/1674647444788-Yr2dnRtoXl.png?width=800)
すると下記のようになります
![](https://assets.st-note.com/img/1674647463521-cje5Qlwkfv.png?width=800)
このままではコンテナーのサイズは編集できますが、中に入れ込んだシートのサイズが小さいままです。
コンテナの全体を選択し(うまく選択できない場合はレイアウトパネル>項目の階層から、該当のレイヤーを選択してください。)、下向き矢印「その他のオプション」から自動調整>ビュー全体を選択します。
![](https://assets.st-note.com/img/1674647491216-QdYMIl7hO3.png?width=800)
これで、中に入れ込んだシートの最大サイズは外枠として表示したコンテンツサイズに従う形でサイズが自動調整されます。
![](https://assets.st-note.com/img/1674647502085-Oyizmhir6m.png)
Tableauのダッシュボードに組み込まれたワークシートはデフォルトでパディングが上下左右4px表示されてしまうため、変な隙間があるように見えてしまいます。パディング量を調整したい場合は、レイアウト>外部パディングを0にしてください。
![](https://assets.st-note.com/img/1674647523041-RXxLDoFQK4.png?width=800)
お読みいただきありがとうございました。
Crazy.F
この記事が気に入ったらサポートをしてみませんか?