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端/移动端 模式切换按钮，根据选择的模式，会展示对应模式下支持的所有配置，预览效果也为对应模式效果。
V2.9.1 版本升级重布局效果为移动端流式布局，可以更好的满足「PC转移动端场景」以及「独立制作移动端场景」。
本文将简单概况移动端相关内容，更多详细内容请跳转链接到具体的文档查看。
1.3 视频教程
注：与视频有出入的地方，以文档为准。
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 。右侧展示移动端访问二维码及链接。
注：此页面交互效果不完全生效，具体交互效果以移动端实际预览效果为准。
