反饋已提交

網絡繁忙

FVS行動端屬性

1. 概述

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

1.1 版本

報表伺服器版本

FineVis資料視覺化插件版本

APP版本HTML5行動端展現插件版本功能變動
11.0.16V1.17.011.0.83V11.0.83適配行動端
11.0.22V2.1.111.0.83
V11.0.83新增PC端/行動端切換按鈕,實現功能及預覽的區分

1.2 功能簡介

FVS 資料視覺化插件 V1.17.0 版本適配 行動端 ,可實現範本在行動端預覽效果。

V2.1.1 版本新增了 PC端/行動端 模式切換按鈕,根據選擇的模式,會展示對應模式下支援的所有配置,預覽效果也為對應模式效果。

接下來,本文將詳細介紹這兩種模式的差別,以及行動端的屬性。

2. 切換入口

進入 FVS 視覺化看板後,在右上角即可看到 PC端/行動端 切換按鈕,預設選中「PC端」按鈕。如下圖所示:


3. 行動端重佈局

進入 FVS 視覺化看板後,點選設計器頂部工具欄「範本>FVS範本設定>行動端」。可開啓 重佈局 效果,預設不勾選重佈局。


1)不勾選「重佈局」時,範本行動端展示效果與設計器畫布中保持一致,所有組件佈局不變,常用於直接製作行動端範本的場景。

例如下圖:


對應行動端效果如下圖所示:


2)勾選「重佈局」時,範本行動端佈局繼承範本畫布中從左至右、從上到下的組件/組合順序,圖層重疊時按照從頂層至底層的順序進行展示。

注:將多個組件組合到一起時,該組閤中的組件佈局不受「重佈局」影響,即該組閤中組件可保持範本畫布中佈局。

例如下圖:


對應行動端效果如下圖所示:

.


4. 功能配置差別

4.1 僅PC端支援

1)行動端不支援「三維組件」和「擴展圖表」組件型別。切換到「行動端」模式時,該型別組件配置面板提示「行動端暫不支援」。


2)部分功能設定項不支援行動端,切換到「行動端」模式時,此類設定項不顯示。例如組件樣式中的毛玻璃、倒影,組件動畫等。

若「PC端」已配置,切換到「行動端」後,畫布中仍然顯示,但行動端預覽不生效。

注:若未開啓「重佈局」,部分設定項也可能生效。


4.2 僅行動端支援

部分功能設定項僅支援行動端,僅在選擇「行動端」模式後顯示。例如行動端頁面支援設定「頁面邊距」和「組件間隙」,但前提是開啓「手機重佈局」或「平板重佈局」。


4.3 PC端行動端共用

部分功能配置項在PC端、行動端任意一端修改配置,另一端即同步修改,兩端始終保持一致。例如組件內容、圖表資料等等。

.


4.4 PC端行動端區分配置

部分功能配置項支援對PC端、行動端單獨進行配置,這類配置項前會有 PC端/行動端 標識,與切換按鈕 icon 一致。

行動端未修改配置前,預設繼承PC端配置,修改後僅在行動端生效;畫布中始終顯示PC端設定。

例如修改組件邊框背景,效果如下圖所示:

.


5. 行動端預覽

選擇「行動端」模式後,點選「預覽」按鈕,在瀏覽器中會展示行動端預覽介面。

左側展示手機 HTML5 模擬效果,模擬手機型號為 iPhone 13/13Pro ,寬高為 390*844px 。右側展示行動端存取QRCODE及連結。

.

注:不支援行動端的組件在行動端預覽時不顯示。若開啓「重佈局」,則不保留組件位置;若未開啓重佈局,則保留組件位置,顯示空白。



附件列表


主題: FineVis數據視覺化
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

文 檔回 饋

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

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

不再提示

10s後關閉