ダッシュボードのレイアウト制御
ダッシュボードの「改行」ウィジェットを使い、複数行にわたるレイアウトを作成する方法です。
レイアウトの考え方
Section titled “レイアウトの考え方”ダッシュボードのウィジェットは、グリッド列数に従って自動的に横に並びます。 改行ウィジェットを挿入すると、そこでグリッドが分割され、次の行が始まります。
[ KPI ] [ KPI ] [ KPI ] ← 1行目（3列）── 改行 ──[ 棒グラフ ] [ 円グラフ ] ← 2行目（2列）── 改行 ──[ テーブル ] ← 3行目（1列の全幅）- ルールを追加 — イベント「一覧を表示した時」を選択
- アクションを追加 — 「ダッシュボード」を選択
- ウィジェットビルダーで配置:
- 1行目: KPI x3（総売上、総件数、平均単価）
- 改行を追加
- 2行目: 横棒グラフ + 円グラフ
- 改行を追加
- 3行目: テーブル（売上ランキング）
| 順序 | タイプ | タイトル | 集計方法 |
|---|---|---|---|
| 1 | KPI | 総売上 | 合計 |
| 2 | KPI | 総件数 | 件数 |
| 3 | KPI | 平均単価 | 平均 |
| 4 | 改行 | — | — |
| 5 | 横棒グラフ | カテゴリ別売上 | 合計 |
| 6 | 円グラフ | 構成比 | 件数 |
| 7 | 改行 | — | — |
| 8 | テーブル | 売上TOP10 | 合計 |
- **グリッド列数「自動」**の場合、各行内のウィジェット数に応じて列幅が均等配分されます
- **グリッド列数を固定（3列など）**にすると、ウィジェット数が列数より少ない行でもレイアウトが統一されます
- 改行なしで全ウィジェットを並べると、すべてが1つのグリッド内に配置されます
- 1行に1つだけ配置すれば、全幅ウィジェット（テーブルや折れ線グラフ）にできます