1. 概述
適用場景:安裝了「FineVis資料視覺化」插件的使用者,可參考本文了解 FineVis 的相關功能。
1.1 版本
報表伺服器版本 | 插件版本 | 功能變動 |
---|---|---|
11.0.22 | V2.9.1 | 行動端支援開啟「行動端佈局」,從過去的「重佈局」效果變更為「流式佈局」效果。「流式佈局」效果主要解決以下「重佈局」的問題: 1)「重佈局」下PC範本直接切換成行動端範本,組件的大小、邊距、順序等無法自由調整,無法實現PC和行動端共用一張範本 2)在設計器編輯介面,無法所見即所得查看到行動端配置的效果,必須瀏覽器預覽;新版本插件在切換到行動端後可進行行動端的配置,並可在設計器內即時查看行動端範本展示效果 |
11.0.22 | V3.1.0 | 支援開啟 HTML5 懸浮工具欄,預設不開啟 |
1.2 應用場景
切換到「行動端」模式後,預設佈局為「桌上端佈局」,即預覽效果與 PC 端一致,行動端展示效果不佳。開啟行動端佈局後,範本編輯介面及預覽介面均遵循行動端佈局(流式佈局)規則,進而實現更好的行動端展示效果。
使用行動端查看範本時底部一般會有工具欄。當按鈕較少時,不僅空間利用率低而且也不美觀,希望實現工具欄懸浮顯示。
1.3 功能簡介
支援開啟「行動端佈局」,開啟後切換到「行動端」模式,範本編輯介面及預覽介面均遵循行動端佈局(流式佈局)規則。
支援切換「底部工具欄」和「懸浮工具欄」。「懸浮工具欄」僅適用於 HTML5,預設選擇「底部工具欄」
2. 功能入口
進入 FVS 視覺化看板後,點選畫布頂端工具欄「範本設定>行動端」,即可設定行動端佈局方式和工具欄樣式。
3. 功能介紹
3.1 佈局方式
預設不勾選「開啟行動端佈局」,行動端遵循桌上端佈局(保留佈局)規則,即與 PC 端保持一致。
勾選後,行動端編輯介面及預覽效果均遵循行動端佈局(流式佈局)規則;支援選擇「平板預覽效果」。
注:行動端佈局詳細介紹請參考:FVS行動端佈局。
3.2 工具欄
工具欄預設選擇「底部工具欄」,切換至「懸浮工具欄」後僅適用於 HTML5。
注:使用 APP 預覽時,仍顯示為底部工具欄。
「範本分頁」、「組件導航」、「過濾」、「重新整理」、「收藏」顯示在懸浮工具欄中,如下圖所示:
注1:按鈕顯示條件、顯示順序同底部工具欄。
注2:表格分頁按鈕始終顯示在表格頂部/底部,不顯示在懸浮工具欄中。
按鈕個數小於等於 4 個時,直接顯示,不支援收起。
按鈕個數大於 4 個時,工具欄自動收起,需點選展開。如下圖所示: