反馈已提交

网络繁忙

FVS模板预览与挂载

  • 文档创建者:Alicehyy
  • 历史版本:7
  • 最近更新:Alicehyy 于 2024-08-01
  • 1. 概述

    适用场景:安装了「FineVis数据可视化」插件的用户,可参考本文了解 FineVis 的相关功能。

    1.1 版本

    报表服务器版本
    插件版本
    功能变更
    11.0V1.xV1.x 版本文档请参见:FVS模板预览与挂载历史版本
    11.0.22V2.1.1

    新增 PC端/移动端 切换按钮,以实现模板预览效果与部分功能配置的区分

    1.2 功能简介

    本文将详细介绍 FVS 模板制作后如何预览及挂载。

    1.3 准备工作

    点击下载本文示例模板: 电商平台销售实时数据大屏.fvs,将模板放至工程 %FR_HOME%\webroot\WEB-INF\reportlets 文件夹。

    Snag_d1b56c.png

    1.4 视频教程

    2. PC 端预览

    在设计器中打开模板,模板右上角默认选择 PC 端按钮,点击「预览」按钮即可预览模板 PC 端效果。

    注:请使用 Chrome 浏览器 86 及以上版本预览,更多配置要求可参考文档 FVS对应配置要求 。

    Snag_a0eac3.png

    在 PC 端预览界面,可实现框选内容放大展示。如下图所示:

    • 按住 shift 键,即可用鼠标框选范围;

    • 框选区域后,可移动、缩放框选矩形;

    • 点击 Snag_25256e7d.png 取消选区,点击 Snag_2522880e.png 按钮即可放大选区全屏展示;

    • 放大区域组件动效、交互事件等均有效;

    • 鼠标在放大区域移动时,右上角出现关闭按钮,点击即可关闭选区。

    71E3EF57-573F-4179-A9F8-3DD514A92D69.GIF

    3. 移动端预览

    移动端预览部分效果与 PC 端有出入,且移动端部分功能配置项可单独配置,详情请参见文档:FVS移动端属性

    模板右上角选择移动端按钮,点击「预览」按钮,在浏览器中会展示移动端预览界面。

    Snag_c5fe09.png

    左侧展示手机 HTML5 模拟效果,右侧展示移动端访问二维码及链接。效果如下图所示:

    注1:模拟手机型号为 iPhone 13/13Pro宽高为 390*844px 。

    注2:此页面交互效果不完全生效,具体交互效果以移动端实际预览效果为准。

    D4572DD8-79ED-4D5B-88C2-2D2903052FC5.GIF

    更多移动端相关内容请查看详细文档:

    注:V2.1.1 之前的版本,移动端预览需在 URL 链接后添加 &op=mobile 参数,才能调用移动端访问二维码及链接 。

    4. 模板挂载

    FVS 模板可直接 挂载到数据决策系统 目录中,查看类型为「预览」,选择需要的展示终端即可。如下图所示:

    注:FVS 插件 V2.3.1 及之后版本,且报表服务器满足 11.0.25 及之后版本,平台模板挂载模板时才支持参数设置。

    1699964413335484.png

    附件列表


    主题: FineVis数据可视化
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持