高级可视化 | Banber搜索功能详解

之前的一期推文中，我们讲解了高级可视化 | Banber筛选交互功能详解，在数据可视化报告制作时，可以利用筛选交互功能，帮助读者根据自身需求减少数据量，通过筛选切换快速得到目标数据，同时还可以极大地优化报告的篇幅，不至于篇幅过长降低可读性。

搜索组件跟筛选组件中的下拉有些类似，多了直接搜索的功能，当下拉内容过多时，就可通过搜索最快定位到所需内容。他们的实现交互的逻辑也基本相同，下面，我们就通过搜索功能再次复习下！

1

逻辑说明

在着手制作前，首先我们需要了解Banber实现筛选交互的逻辑。

实现筛选，首先要从数据中摘出我们所需要的图表数据，如何摘出所需要的图表数据，就需要设置条件参数，按条件参数筛选数据，而筛选组件用来控制筛选的切换展现，最终生成所需要的图表。

在了解实现逻辑后，就让我们一起来看看实际操作。

2

设置参数条件

进入编辑页面，点击图表-->自定义参数条件-->新建参数。

在弹出框中，分别填写：参数名（用来进行筛选的参数，如地区、姓名、部门等），参数类型（可选择文本、数值、日期），默认值（图表初始要展示的条件，如华南-对应地区、张三-对应姓名、销售1部-对应部门等）。

以销售报表为例，这里我们需要按部门筛选每个销售部门每个月的销售情况，参数名填写“部门”，参数类型选择“文本”，默认值填写“销售1部”。

说明：

【参数类型】必须要与数据表中作为条件的字段类型匹配，如数据表中的地区是文本类型，那么参数类型必须选择参数类型为：文本

【默认值】为图表初始要展示的条件，如果默认值为空，则图表显示的为所有数据，如设置默认值为华南，则图表显示的是华南地区的数据，若默认值为空，则图表显示的是所有地区的数据

3

设置筛选条件

拖拽一个所需的图表到编辑区域，选中图表，点击编辑数据。

依次选择，来自数据表-->添加数据表-->新建数据表-->上传Excel文件/连接数据库。

将相关字段拖至分类、数据。以销售报表为例，这里我们需要按部门筛选每个销售部门每个月的销售情况，将“部门”拖拽到分类（X轴），将每个月份拖拽到“数据”。因为未做筛选，可以看到，图表预览区域将所有部门每个月的销售情况堆叠在了一起。

将“部门”拖拽到条件筛选，点击下拉箭头-->编辑条件。

在弹出框中，点击下拉箭头，选择之前设置的筛选条件。

此时，图表预览区域就不再是所有部门每个月的销售情况，而是默认值销售1部的每个月的销售情况。

4

添加筛选组件

将搜索组件拖拽到编辑区域。

选中组件，点击编辑数据。

参考上面的数据添加方式，绑定数据源。

将所需字段拖至字段，这里，我们将部门字段拖拽到“显示名称”、“返回值”、及“条件筛选”。

说明：

【显示名称】为下拉选择时显示的条件名称

【返回值】为下拉选择的条件对应的值，此值必须与数据表中字段值一致

点击条件筛选里部门的下拉箭头，在选择条件中，勾选需要的数据。

在绑定参数处，点击下拉箭头，选择之前设置的筛选条件，进行绑定。

至此，一份搜索可视化表格就完成，我们预览查看效果。

5

补充技巧

书签搜索

书签搜索相对于搜索简直不要太简单了。将书签拖拽至所需位置，所以标签名称进行重命名。

将书签搜索组件拖拽至编辑区域。

选中组件，点击编辑数据。

在弹出框中，点击“获取简报书签”，即可自动获取书签信息。

点击搜索框下拉内容，或直接输入进行搜索，即可定位到相应书签位置。