ダッシュボード

11種類のウィジェットをGUIビルダーで配置するダッシュボード画面を構築します。

パラメータ

パラメータ	型	説明
カスタムビュー	ビュー選択	カスタムビュー（必須）
ウィジェット設定	ウィジェットビルダー	GUIでウィジェットを追加・並替え
グリッド列数	選択	グリッドレイアウト列数（auto / 1 / 2 / 3 / 4）

実行結果

ウィジェットタイプ（11種）

タイプ	アイコン	説明
KPI	📈	数値指標の大きな表示（合計、平均など）
数値カード	🔢	前期比（▲▼）付きの数値表示
横棒グラフ	📊	カテゴリ別の水平棒グラフ
縦棒グラフ	📶	カテゴリ別の垂直棒グラフ
積み上げ棒	📊	カテゴリ別内訳の積み上げ表示
折れ線	📉	推移・トレンドの折れ線グラフ
エリア	🏔	グラデーション塗りのエリアチャート
円グラフ	🍩	ドーナツ型の構成比チャート
ゲージ	🎯	半円ゲージで目標達成率を表示
プログレス	▰	水平プログレスバーで進捗表示
テーブル	📋	値の降順ランキングテーブル
改行	──	グリッドを分割して行レイアウトを制御

GUIウィジェットビルダー

JSON手書き不要。1行ずつウィジェットを追加し、タイプ・フィールド・集計方法・グループ・カラーを選択できます。

各ウィジェットには以下のオプションがあります:

• タイトル: ウィジェットのヘッダーに表示
• 集計フィールド: 集計対象の数値フィールド
• 集計方法: 件数 / 合計 / 平均 / 最小 / 最大
• グループ化フィールド: カテゴリ分けに使うフィールド
• カラー: ウィジェットのアクセントカラー
• 遷移先ビュー: クリック時の遷移先一覧ビュー（未指定=デフォルト一覧）
• 目標値: ゲージ・プログレスバーの目標数値
• 比較フィールド: 数値カードの前期比計算に使うフィールド

ドリルダウン

各ウィジェット（KPI・グラフ・テーブル）をクリックすると、該当グループで絞り込んだ一覧画面に遷移します。フィールドタイプに応じた正しいクエリ演算子を自動選択します。

対応イベント

一覧表示（app.record.index.show）

---

TIPS

• ダッシュボードのレイアウト制御
• 売上集計ダッシュボード
• プロジェクト管理