儀表板佈局

1. 應用場景

對於已經製作好的視覺化儀表板,希望儀表板能自由設定佈局,並可以進行佈局的美化。

2. 功能說明

FineBI 的儀表板佈局方式包含網格佈局、自由佈局。

預設即為網格佈局,可設定組件間是否有間隙;自由佈局透過設定組件懸浮實現。

2.1 網格佈局

網格佈局只支援縱向延伸,不支援橫向延伸。網格佈局把平面按規則劃分成多個儲存格,每個組件佔據一定數量的儲存格,當螢幕大小發生變化時,隨着螢幕實際寬高劃分儲存格,組件相對整個螢幕的比例不變。

在預設佈局方式下,組件之間有間隙,可調整為無間隙,始終吸頂放置,組件之間不能重疊放置。即下圖所示的佈局規則:

1網格佈局預覽.jpg

2.2 自由佈局

自由佈局透過設定組件懸浮實現,為組件勾選懸浮後,可自由拖動擺放位置及大小,支援設定組件疊放時的順序調整。如下圖所示:

2懸浮佈局.jpg

3. 前置條件

你已經將視覺化組件新增至儀表板,完成視覺化組件在儀表板中的組合。

4. 網格佈局

設定組件間隙

進入儀表板編輯介面,預設網格佈局中,組件間都是有固定間隙的,如下圖所示:

3間隙.jpg

點選儀表板樣式>自訂,在儀表板>組件間隙處,可以設定組件間隙,例如設定間隙為「2」,如下圖所示:

4設置間隙.jpg

效果如下圖所示:

5間隙效果.jpg

5. 自由佈局

組件自由佈局透過組件懸浮實現。可以實現組件重疊放置。

5.1 設定組件懸浮

若想要儀表板佈局自由設定,自由拖曳組件之間的順序與位置,可選中組件,下拉設定「懸浮」,如下圖所示:

6懸浮按鈕.jpg

5.2 調整組件大小位置

懸浮後,該組件可以隨意拖曳至任何位置,可隨意設定組件大小,不受網格佈局平面劃分規則的限制。如下圖所示:

7懸浮效果.jpg

5.3 設定組件疊放順序

兩個同時設定懸浮的組件可以透過設定順序:置於頂部/置於底部,來調整組件顯示,如下圖所示:

8懸浮順序.jpg


附件列表


主题: 製作儀表板
  • 有帮助
  • 没帮助
  • 只是浏览
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙