日本語
ダッシュボード

レイアウトとインライン編集

更新日 2026-09-04 · 約 1 分 · デスクトップ版 macOS 0.0.9 / Windows 0.0.7 に対応

部品のドラッグ・リサイズ・複製・削除。ホバーメニューの Change View / Edit Inline / Edit in Advanced Editor。そして部品の ⋮ にある Fullscreen View と Download PNG。

このマニュアルの日本語は解説文です。アプリの画面表示は英語のため、メニュー名・ボタン名・エラーメッセージは画面どおり英語で表記し、スクリーンショットも英語画面のものを使っています。


並べる

編集モードでは、各部品をドラッグして位置を変え、右下の角でサイズを変えられます。キャンバスはグリッドなので、部品は揃う位置に吸い付きます。2 段組、大きいの 1 つに小さいの 2 つ、いちばん下に全幅の明細表 —— すべてドラッグで作ります。

部品にマウスを乗せると

アイコンの列が出ます。

項目 何をするか
Change View 同じ表の別の既存ビューに差し替える
Create New View この枠に新しいグラフを作る
Edit Inline ダッシュボードを離れずに、右のパネルでデータ / スタイル / アクションを変える
Duplicate View 複製する
Edit in Advanced Editor その表のビューエディターへ飛んで、細かく設定する
Remove View ダッシュボードから外す。ビュー自体は表に残る

部品の隅の ⋮

  • Download PNG —— この部品を PNG として書き出します。チャット、スライド、週報へ。
  • Fullscreen View —— 1 つの部品を拡大して見ます。
  • Edit in Advanced EditorDuplicate (Ctrl+D)Remove ViewDelete View —— 上と同じです。Delete View はビューごと削除し、Remove View はこのダッシュボードから外すだけです。
  • Add Action と、その下の 4 つのアクション:NavigateInsert Row(Click to add a row to the table.)、Add Parameters(Pass parameters during dashboard navigation, such as data filters.)、Display fields of submitted row連動とアクションを参照。

インライン編集のパネル

タブは 3 つ。

  • Data —— タイトル、列、Data LimitRows per PageSort OrderBasic Filter
  • Style —— 文字サイズ、回転、ページ送り、見出し、Legend、軸の目盛り、Data Label、色ルール、Y-Axis Configuration など、部品の型に応じて。
  • Actions —— この部品が起こせるアクション。

レイアウトの習慣をいくつか

  • 見出しと絞り込みのコントロールは最上段、KPI の数字(テキスト要素、メトリック)は 2 段目、グラフは真ん中、明細表は最下段に全幅で。
  • 同じ段のグラフは高さを揃えないと、目線が跳ねます。
  • 明細表には Rows per Page を設定してください。5,000 行の表がダッシュボードを延々と引き伸ばします。
  • 大画面で見せるなら Preview で確認を。閲覧者が見るのはまさにそれです。
このページで解決しませんでしたか。ヘルプセンターを見るか、support@tabledi.com までご連絡ください。TableDI を作っている本人が読んでいます。