1. 概述
適用場景：安裝了「FineVis資料視覺化」插件的使用者，可參考本文了解 FineVis 的相關功能。
1.1 版本
| 報表伺服器版本 | FineVis資料視覺化插件版本 | APP版本 | HTML5行動端展現插件版本 | 功能變動 |
|---|---|---|---|---|
| 11.0.16 | V1.17.0 | 11.0.83 | V11.0.83 | 適配行動端 |
| 11.0.22 | V2.1.1 | 11.0.83 | V11.0.83 | 新增PC端/行動端切換按鈕，實現功能及預覽的區分 |
1.2 功能簡介
FVS 資料視覺化插件 V1.17.0 版本適配 行動端簡介 ，可實現範本在行動端預覽效果。
V2.1.1 版本新增了 PC端/行動端 模式切換按鈕，根據選擇的模式，會展示對應模式下支援的所有配置，預覽效果也為對應模式效果。
接下來，本文將詳細介紹這兩種模式的差別，以及行動端的屬性。
2. PC端行動端切換入口
進入 FVS 視覺化看板後，在右上角即可看到 PC端/行動端 切換按鈕，預設選中「PC端」按鈕。如下圖所示：
3. 行動端佈局
V2.9.1 之前的版本，行動端透過開啟重佈局，實現預覽重佈局的效果，但編輯介面與 PC 端一致。
V2.9.1 及之後的版本，範本區分「桌上端佈局」和「行動端佈局」，行動端效果也支援所見即所得。
詳情請參見文檔：FVS行動端佈局 。
4. 功能配置差別
4.1 僅PC端支援
1）行動端不支援「三維組件」和「擴展圖表」組件類型。切換到「行動端」模式時，該類型組件不顯示，組件列表自動隱藏並灰化不可選中。
注：V2.9.1 之前的版本，切換到行動端畫布時仍然顯示，但配置面板提示「行動端暫不支援」。
2）開啟行動端佈局時，部分功能設定項不支援行動端，切換到「行動端」模式時，此類設定項不顯示。
例如組件動畫，如下圖所示：
4.2 僅行動端支援
開啟行動端佈局時，部分功能設定項僅支援行動端，僅在選擇「行動端」模式後顯示。例如行動端頁面支援設定「頁面邊距」和「組件間隙」。
4.3 PC端行動端共用
部分功能配置項在PC端、行動端任意一端修改配置，另一端即同步修改，兩端始終保持一致。例如組件內容、圖表資料等等。
4.4 PC端行動端區分配置
部分功能配置項支援對PC端、行動端分別進行配置，且分別顯示效果。這類配置項前會有 PC端/行動端 標識，與切換按鈕 icon 一致。
行動端未修改配置前，預設繼承PC端配置；修改後僅在行動端生效，不再受PC端影響。例如修改組件邊框背景，效果如下圖所示：
注：V2.9.1 之前版本中，行動端修改配置畫布中仍顯示PC端效果。
5. 行動端預覽
選擇「行動端」模式後，點選「預覽」按鈕，在瀏覽器中會展示行動端預覽介面。
左側展示手機 HTML5 模擬效果，模擬手機型號為 iPhone 13/13Pro ，寬高為 390*844px 。右側展示行動端存取QRCODE及連結。
注：此頁面交互效果不完全生效，具體交互效果以行動端實際預覽效果為準。
