Tabjo tips100 work_outwednesday mini_layout_0827

Tabjo 2021 | Tableau User Group Lead by Women
Tabjo お役立ちTips100本ノック！
WorkOutWednesday mini
~ダッシュボードレイアウト編~

Tabjo お役立ちTips100本ノック！WorkOutWednesday mini~ダッシュボードレイアウト編~
このチャレンジは予め用意されたものを使用します
開催前にご案内した
「Tabjo お役立ちTips100本ノック！WorkOutWednesday mini_
ダッシュボードレイアウト編」
のワークブックを開いてご準備ください
まだの方はZoomチャットにリンクを貼りますので、
そちらからダウンロードをお願いいたします

問題：メンテナンス性に優れたダッシュボード作成

必要条件
・ダッシュボードサイズ
「汎用デスクトップ（1366×768）」
・ダッシュボードタイトルの
高さ編集が可能
・グラフを水平方向&垂直方向に
均等配置
※ダッシュボードタイトルやグラフの
順序は自由。
高さ編集可
垂直方向に
均等配置
水平方向に
均等配置
水平方向に
均等配置
制限時間５分

６つのシートを準備しています
ご利用ください。

ポイント
均等配置
次ページから手順を解説します。
Tips① ダッシュボードサイズの設定を使用
Tips② 各種オブジェクト（レイアウトコンテナ―）を使用
・水平方向
・垂直方向
・テキスト
・空白

1.ダッシュボードサイズで「汎用デスクトップ」を選択。

2.オブジェクトの配置（完成形）
垂直方向①
垂直方向②
垂直方向①
垂直方向②
水平方向①
水平方向②
水平方向①
水平方向②
テキスト
テキスト

3.垂直方向①
垂直方向①
垂直方向①
垂直方向②
水平方向①
水平方向②
テキスト

垂直方向オブジェクトを選択し、ドラッグ&ドロップで配置。

4.テキストオブジェクト
垂直方向①
垂直方向②
水平方向①
水平方向②
テキスト
テキスト

テキストオブジェクトを配置し、「サンプルダッシュボード」と入力する。
他にも方法はあります。「ダッシュボード」⇒「タイトルを表示」にチェックを入れる。
高さ編集を可能にするには、垂直方向オブジェクトの中に入っていることがポイント!!

5.垂直方向②、水平方向①②
垂直方向②
垂直方向①
垂直方向②
水平方向①
水平方向②
水平方向①
水平方向②
テキスト

垂直方向と水平方向のオブジェクトを配置する。
がしかし、２つ目の水平方向が１つ目の水平方向の入れ子になってしまう・・。

空白オブジェクトを配置してから、２つ目の水平方向オブジェクトを配置すると、
2つの水平方向オブジェクトが並列に配置できる。

6.オブジェクト内にグラフを配置&整える。

1つ目の水平方向オブジェクトに3つグラフを配置し、空白オブジェクトを削除。

2つ目の水平方向オブジェクトに残りのグラフを配置。

水平方向オブジェクトを選択し、コンテンツの均等配置をクリック。

3つのグラフの横幅が均等になりました。（2つ目の水平方向オブジェクトも同様
に均等配置を行う。）

垂直方向オブジェクトを選択し、コンテンツの均等配置をクリック。

2つの水平方向オブジェクトの縦幅が均等になりました。
がしかし、余計な余白が残ってしまう・・。
余白

垂直方向オブジェクトを選択し「高さを固定」のチェックを外す。

~完成~

メンテナンス性が高いとは。

例1）高さの編集が自由（垂直方向オブジェクトの中に入っていることがポイント）

例2）オブジェクトごと入替え可能（空白オブジェクトを使用）
上段を下段へ下段を上段へ

2つの水平方向オブジェクトの間に、空白オブジェクトを配置。
空白

空白オブジェクトの上に2つ目の水平方向オブジェクトごと移動。
空白

1つ目の水平方向オブジェクトを2つ目の水平方向オブジェクトと空白の間に移動。
空白

最後に空白を削除する。水平方向プロジェクトの入替え完了。

ポイントのおさらい
均等配置
Tips① ダッシュボードサイズの設定を使用
Tips② 各種オブジェクト（レイアウトコンテナ―）を使用
・水平方向
・垂直方向
・テキスト
・空白

おまけ

Tips③：ダッシュボードに線を引く線

空白オブジェクトを使用します。
垂直方向①
垂直方向②
水平方向①
水平方向②
テキスト
空白
空白オブジェクトが線に！
空白オブジェクトが線に！

空白オブジェクトを配置し、枠線を引く。高さの編集で「9」を設定。
詳細は、Tabjoのブログを参照ください。【Tableau Tips】ダッシュボードに線を引く

線が引けました。

Tips④：オブジェクトに名前をつける
垂直方向①
垂直方向②
水平方向①
水平方向②
テキスト

名前を変更したいオブジェクトを選択して「ダッシュボード項目の名前変更」を
クリック。変更後の名前を入力する。

参考URL
・ダッシュボードのサイズとレイアウト – Tableau
・レイアウトコンテナーを使いこなす | Tableau-id Press -タブロイ
ド- (truestar.co.jp)
【Tableau Tips】コンテナ、タイルの配置 – メンテナンス性の高い
ダッシュボードを作る | Tableau-id Press -タブロイド-
(truestar.co.jp)
・【Tableau】レイアウトと階層でグリッドデザインVizを作る
（ダッシュボードTips） (akmemo.info)
・【Tableau Tips】ダッシュボードに線を引く｜Tabjo Official｜
note

Tabjo tips100 work_outwednesday mini_layout_0827

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Plus de Tableau1

Plus de Tableau1 (10)

Tabjo tips100 work_outwednesday mini_layout_0827