1. 概述
1.1 應用場景
對儀表板內組件進行佈局美化。
1.2 功能介紹
FineBI 的儀表板佈局方式包含網格佈局、自由佈局。
預設即為網格佈局，可設定組件間是否有間隙；自由佈局透過設定組件懸浮實現。
1.2.1 網格佈局
網格佈局只支援縱向延伸，不支援橫向延伸。網格佈局把平面按規則劃分成多個儲存格，每個組件佔據一定數量的儲存格，當螢幕大小發生變化時，隨着螢幕實際寬高劃分儲存格，組件相對整個螢幕的比例不變。
在預設佈局方式下，組件之間有間隙，可調整為無間隙，始終吸頂放置，組件之間不能重疊放置。即下圖所示的佈局規則：
1.2.2 自由佈局
自由佈局透過設定組件懸浮實現，為組件勾選懸浮後，可自由拖動擺放位置及大小，支援設定組件疊放時的順序調整。如下圖所示：
2. 網格佈局
2.1 有組件間隙
預設網格佈局中，組件間都是有固定間隙的，如下圖所示：
2.2 無組件間隙
點選儀表板樣式，在儀表板>組件間隙處，可以設定組件間隙，包含「0~20」。
預設為「6」，選擇「0」。如下圖所示：
調整組件間隙為無間隙，實現組件之間無縫連結，效果如下圖所示：
組件間隙設定不會影響網格的佈局規則，始終吸頂放置，不能疊放。
3. 自由佈局
組件自由佈局透過組件懸浮實現。可以實現組件重疊放置。
3.1 設定組件懸浮
若想要儀表板佈局自由設定，自由拖拽組件之間的順序與位置，可選中組件，下拉設定「懸浮」，如下圖所示：
3.2 調整組件大小位置
懸浮後，該組件可以隨意拖拽至任何位置，可隨意設定組件大小，不受網格佈局平面劃分規則的限制。如下圖所示：
3.3 設定組件疊放順序
兩個同時設定懸浮的組件可以透過設定順序：置於頂部/置於底部，來調整組件顯示，如下圖所示：
3.4 效果查看
儀表板中的組件可以全部或部分設定懸浮，根據自身佈局需要設定即可。將上述儀表板透過懸浮調整成自由佈局的效果，如下圖，其餘組件均以懸浮方式顯示在地圖組件上方。
4. 注意事項
問題現象：
儀表板中的組件非常多，有的組件找不到了。
問題原因：
被設定懸浮的組件遮擋住了。
解決方案：
可以透過「行動端佈局」判斷組件的大概位置。
原理：開啟行動端佈局，組件會按照 PC 端的物理位置，按順序展示（從左到右，從上到下）。
根据组件在「移动端布局」中顺序，定位组件大致存在的位置，再返回仪表板界面查找。