反馈已提交

网络繁忙

FVS查询面板

  • 文档创建者:Alicehyy
  • 历史版本:6
  • 最近更新:Alicehyy 于 2024-06-24
  • 1. 概述

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

    1.1 版本

    报表服务器版本
    插件版本功能变动
    11.0.22V2.3.0
    -
    11.0.22V2.8.0查询面板移动端新增「样式模板」,详情请参见 2.3.2 节

    1.2 应用场景

    FVS 模板中,使用参数控件查询数据时,需将控件直接添加到画布使用。

    但有些情况下,用户希望控件查询面板可以收缩展开使用,而不是直接展示在模板中,尤其是移动端查看模板的场景。

    V2.3.0 及之后版本,则可以通过「启用查询面板」实现这类场景。效果如下图所示:

    注:查询面板内控件不受画布中控件影响,即使控件绑定参数相同,查询面板内控件也无联动效果。

    AC9593C6-03C6-42E6-BFDD-F2159D9163BD.GIF

    2. 功能介绍

    2.1 功能入口

    查询面板设置是所有分页共用的,设置入口在画布下方分页区。点击「查询面板设置」按钮,弹出设置框。

    在设置框中勾选「启用查询面板」,即可添加控件,设置查询面板样式。如下图所示:

    Snag_bb2396c.png

    启用查询面板并添加控件后,模板预览时,页面左下角显示查询按钮。若模板有多个分页时,显示在分页切换按钮左侧。

    注:若启用查询面板,但未添加任何控件,预览时查询按钮不显示。

    Snag_c11251b.png

    2.2 内容

    点击「添加控件」,点击下拉选项中的控件类型,将其添加到列表中,添加后即可在右侧设置控件内容。

    注:查询面板中的控件不支持设置字符样式。

    列表中支持拖拽调整控件顺序,该列表中的顺序,即模板预览时控件的显示顺序。

    46E4F35E-4F15-4796-8BF5-75AAE5DF0C8A.GIF

    2.3 样式

    注:查询面板及控件样式会受 FVS模板样式 影响。

    2.3.1 启用自动查询

    样式设置中,支持设置是否「启用自动查询」。

    Snag_1ffcdd8c.png

    该设置项为 PC端/移动端 共用,且效果一致。

    • 勾选后,首次预览模板或模板刷新时,查询面板默认不展开,自动触发控件查询并展示模板所有内容。

    FC960D54-84E6-4A5D-A776-3E4460D3976E.GIF

    取消勾选,首次预览模板或模板刷新时,查询面板默认展开,模板内容不展示,需点击查询面板「查询」按钮后展示。

    73CFA466-24B2-4776-9C4D-8B66A267681E.GIF

    2.3.2 移动端样式模板

    模板切换到「移动端」模式时,查询面板样式还支持选择「样式模板」,包括默认样式、顶部式。

    详细内容请参见文档:[通用]参数面板移动端样式

    Snag_20677a84.png

    3. 示例

    3.1 准备模板

    1)点击设计器左上角「文件>新建可视化看板」,创建一张空白看板。

    1696926492272814.png

    2)新建数据库查询 ds1 ,输入 SQL 查询语句 SELECT * FROM 销量 where 地区='${area}'

    给参数 area 设置默认值为「华东」,即默认获取华东地区的销量数据。

    1656042429286034.png

    3.2 添加柱形图

    点击组件区「图表>柱形图」,将柱形图组件添加到页面,给柱形图绑定含有 area 参数的数据集中数据。如下图所示:

    1703754806389734.png

    3.3 设置查询面板

    1)点击画布下方「查询面板设置」,勾选「启用查询面板」。点击「添加控件」添加一个下拉框控件。

    B9C7813C-AB5E-43A8-B1EF-098EC14BF1C1.GIF

    2)设置控件名称为「地区」,绑定参数 area ;

    3)设置选项值来源为「数据库表」,选择 FRDemo 中销量表的「地区」字段,点击「确定」;

    4)默认值输入「华东」,点击「确定」。


    Snag_2051f3e5.png

    3.4 设置移动端查询面板样式

    1)切换到「移动端」模式,点击「查询面板设置>样式」,选择样式模板为「顶部式」。

    2)取消勾选「编辑控件值后自动查询」,点击「确定」。

    Snag_20597529.png

    3.5 效果预览

    3.5.1 PC 端

    点击右上角「保存」,点击「预览」,在模板左下角有一个筛选按钮,点击展开查询面板。如下图所示:

    4AB9030C-5E70-4C6B-9E87-3C11A0387236.GIF

    3.5.2 移动端

    预览方式请参考 FVS移动端预览 ,效果如下图所示:

    CEC62857-4E4E-46EA-98B9-560BB00E0033.GIF

    4. 模板下载

    点击下载模板:FVS查询面板示例.fvs


    附件列表


    主题: FineVis数据可视化
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

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

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

    不再提示

    10s后关闭



    AI

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