FVS絕對畫布

適用場景：安裝了「FineVis資料視覺化」插件的使用者，可參考本文了解 FineVis 的相關功能。

1.1 版本

1.2 功能簡介

「絕對畫布」容器組件相當於一塊空白畫布，將其他組件拖入絕對畫布中，超出絕對畫布部分可實現捲動預覽。

支援設定「預覽時置頂顯示」，可實現部分割槽域凍結於頂部展示。效果如下圖所示：

注：本文僅為大家介紹「絕對畫布」組件特有功能，其他屬性不贅述。

組件動畫請參見：FVS組件動畫 。

組件屬性請參見：FVS組件樣式屬性 。

建立一張 FVS 視覺化看板：

點選組件區「容器>絕對畫布」，將組件新增到畫布中。預設顯示「請將組件/組合拖入絕對畫布內，新增的組件/組合可以自由佈局」。

直接拖曳組件區或本頁面中其他組件/組合到絕對畫布上方，出現提示「釋放進入絕對畫布」，鬆開滑鼠，即可將其拖入絕對畫布。

• 拖入組件時，組件大小不變。

• 組件位置若超出絕對畫布左/上邊框，則組件拖入後自動對齊左/上邊框；其餘位置則以組件釋放位置為準，支援超出絕對畫布右/下邊框。

• 若組件超出絕對畫布右/下邊框，選中絕對畫布或絕對畫布內的組件，出現橫向/縱向捲軸（預覽時懸浮絕對畫布出現），可捲動查看。

注：不支援再拖入另外的絕對畫布，或包含絕對畫布的輪播器/組合。

如下圖所示：

也支援在組件圖層列表中，拖曳組件圖層順序移入絕對畫布。如下圖所示：

移出絕對畫布包括以下三種方式：

• 直接拖曳絕對畫布內組件到絕對畫布外，出現提示「釋放移出絕對畫布」，鬆開滑鼠，即可將其移出絕對畫布。此時移出的組件位置以釋放位置為準。

• 在組件圖層列表或絕對畫布列表中，直接拖曳組件圖層順序移出絕對畫布。此時移出的組件位置保持不變。

• 在絕對畫布列表，懸浮組件，點選「更多>移出」即可將組件移出絕對畫布。此時移出的組件預設顯示在絕對畫布右側。

• 絕對畫布列表中，預設展示當前絕對畫布的名稱。支援隱藏、重新命名、刪除和鎖定，與圖層列表中功能一致。

• 拖入組件或組合後，「絕對畫布列表」中展示的順序與左側「組件圖層」中展示的順序始終保持一致。

• 支援上下拖曳改變順序，也可使用「調整層級」按鈕改變順序。

• 支援對組件進行隱藏、重新命名、刪除、組件組合、取消組合等操作。

• 絕對畫布內的組件，可設定組件的內容、交互、組件樣式等屬性，不支援設定動畫。

PC 端預覽，支援勾選「預覽時置頂顯示」設定預覽置頂。設定後，預覽範本時，該組件捲動到頂後會置頂顯示。

若有多個絕對畫布設定了預覽置頂，預覽捲動時，則依次置頂，即同時只會有一個預覽置頂生效。 如下圖所示：

注：對含有網頁框組件及處於輪播器內的絕對畫布不生效。

未勾選「啟動調整鎖定」時，調整絕對畫布大小，內部組件大小不變。

勾選「啟動調整鎖定」時，調整絕對畫布大小，內部組件大小隨之等比例變化。

如下圖所示：

支援對絕對畫布單獨設定 行動端重佈局 效果，開啟重佈局後，可設定組件間隙。

效果如下圖所示：