1. 概述
适用场景:安装了「FineVis数据可视化」插件的用户,可参考本文了解 FineVis 的相关功能。
1.1 版本
报表服务器版本 | 插件版本 | 功能变动 |
---|---|---|
11.0.22 | V2.3.0 | - |
11.0.22 | V2.8.0 | 查询面板移动端新增「样式模板」,详情请参见 2.3.2 节 |
1.2 应用场景
FVS 模板中,使用参数控件查询数据时,需将控件直接添加到画布使用。
但有些情况下,用户希望控件查询面板可以收缩展开使用,而不是直接展示在模板中,尤其是移动端查看模板的场景。
V2.3.0 及之后版本,则可以通过「启用查询面板」实现这类场景。效果如下图所示:
注:查询面板内控件不受画布中控件影响,即使控件绑定参数相同,查询面板内控件也无联动效果。
2. 功能介绍
2.1 功能入口
查询面板设置是所有分页共用的,设置入口在画布下方分页区。点击「查询面板设置」按钮,弹出设置框。
在设置框中勾选「启用查询面板」,即可添加控件,设置查询面板样式。如下图所示:
启用查询面板并添加控件后,模板预览时,页面左下角显示查询按钮。若模板有多个分页时,显示在分页切换按钮左侧。
注:若启用查询面板,但未添加任何控件,预览时查询按钮不显示。
2.2 内容
点击「添加控件」,点击下拉选项中的控件类型,将其添加到列表中,添加后即可在右侧设置控件内容。
注:查询面板中的控件不支持设置字符样式。
列表中支持拖拽调整控件顺序,该列表中的顺序,即模板预览时控件的显示顺序。
2.3 样式
注:查询面板及控件样式会受 FVS模板样式 影响。
2.3.1 启用自动查询
样式设置中,支持设置是否「启用自动查询」。
该设置项为 PC端/移动端 共用,且效果一致。
勾选后,首次预览模板或模板刷新时,查询面板默认不展开,自动触发控件查询并展示模板所有内容。
取消勾选,首次预览模板或模板刷新时,查询面板默认展开,模板内容不展示,需点击查询面板「查询」按钮后展示。
2.3.2 移动端样式模板
模板切换到「移动端」模式时,查询面板样式还支持选择「样式模板」,包括默认样式、顶部式。
详细内容请参见文档:[通用]参数面板移动端样式 。
3. 示例
3.1 准备模板
1)点击设计器左上角「文件>新建可视化看板」,创建一张空白看板。
2)新建数据库查询 ds1 ,输入 SQL 查询语句 SELECT * FROM 销量 where 地区='${area}' 。
给参数 area 设置默认值为「华东」,即默认获取华东地区的销量数据。
3.2 添加柱形图
点击组件区「图表>柱形图」,将柱形图组件添加到页面,给柱形图绑定含有 area 参数的数据集中数据。如下图所示:
3.3 设置查询面板
1)点击画布下方「查询面板设置」,勾选「启用查询面板」。点击「添加控件」添加一个下拉框控件。
2)设置控件名称为「地区」,绑定参数 area ;
3)设置选项值来源为「数据库表」,选择 FRDemo 中销量表的「地区」字段,点击「确定」;
4)默认值输入「华东」,点击「确定」。
3.4 设置移动端查询面板样式
1)切换到「移动端」模式,点击「查询面板设置>样式」,选择样式模板为「顶部式」。
2)取消勾选「编辑控件值后自动查询」,点击「确定」。
3.5 效果预览
3.5.1 PC 端
点击右上角「保存」,点击「预览」,在模板左下角有一个筛选按钮,点击展开查询面板。如下图所示:
3.5.2 移动端
预览方式请参考 FVS移动端预览 ,效果如下图所示:
4. 模板下载
点击下载模板:FVS查询面板示例.fvs