FVS查询面板

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

1.1 版本

1.2 应用场景

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

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

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

注：查询面板控件内控件不受画布中控件影响，即使同名控件，查询面板内控件也无联动效果。

2.1 功能入口

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

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

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

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

2.2 内容

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

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

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

2.3 样式

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

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

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

注：查询面板及控件整体样式会受 FVS模板主题 影响。

3.1 准备模板

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

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

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

3.2 添加柱形图

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

3.3 设置查询面板

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

设置控件名称为 area ；

数字字典选择类型为「数据库表」，选择 FRDemo 中销量表的「地区」字段；

默认值输入「华东」。

查询面板样式默认勾选「启用自动查询」，这里保持默认即可。

3.4 效果预览

3.4.1 PC 端

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

3.4.2 移动端

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

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