筛选组件

1. 简介

1.1 功能简介

筛选组件可以对图表组件中的数据筛选后查看。

1.2 使用场景

在查看仪表盘图表数据结果时,可以灵活改变要筛选的值;或者同时对多个图表进行筛选。

例如,根据年级,筛选出与年级有关的人数统计、性别占比、平均成绩等数据结果。

1.3 预期效果

如下图所示,根据「年级」筛选出年级下的学生人数、班级数量、性别占比等数据。

2. 使用步骤

点击安装示例模板,本文将按照模板中的示例数据进行讲解:点击安装

2.1 添加筛选组件

安装模板后,进入第一个仪表盘的编辑界面,在仪表中新建一个筛选组件,如下图所示:

2.2 设置筛选组件

筛选组件的设置包括 3 个部分,分别是:

  • 筛选图表设置
  • 筛选字段设置
  • 筛选器设置(筛选组件本身的规则设置)

依次对应下图中的 3 个设置步骤;

2.2.1 设置筛选图表

筛选图表指的是,筛选时,对哪些图表数据生效。图表支持一次选择多个,只要是当前仪表盘中的 图表,均支持被筛选组件筛选:

2.2.2 设置筛选字段

筛选字段就是筛选时,根据哪个字段进行筛选。比如,对学生总人数的统计进行筛选,可以选择筛选字段为「年级」,按照年级查看学生总人数。

选择需要筛选的图表时,筛选字段处会自动展示该图表对应的数据源表单,如果是数据工厂数据源则展示输出表。在对应的表名称下,可以选择表中支持筛选的字段。如下图所示:

如果选择了多个图表作为要筛选的图表,且多个图表有不同的数据源时,还需要针对各个数据源依次设置筛选字段:

2.2.3 设置筛选器

筛选器中可以设置:

  • 筛选器名称(默认为第一个筛选字段的名称,可以自定义修改)
  • 筛选方式:支持选项以及输入文本 2 种方式(当图表选择的数据源 ≥2 时,筛选规则参见文档:多数据源多图表筛选。)
  • 默认值:可以根据字段类型不同时,设置不同的筛选关系,然后选择默认筛选的内容

2.2.4 筛选联动

当仪表盘中有同数据源的筛选组件时,可以对该筛选组件设置联动。设置联动后,当前筛选组件筛选后,下一个筛选组件只能选择当前筛选组件过滤后的数据再筛选。详细设置参见文档:筛选联动

2.3 效果演示

1)电脑端

2)移动端

移动端所有筛选组件的筛选入口均在页面的最底部:

移动端筛选效果如下:

3. 筛选字段

筛选组件支持的字段有:

  • 文本类:单行文本、多行文本、下拉框、下拉复选框、单选按钮组、复选框组、地址、定位、流水号、手机
  • 日期类:日期时间
  • 数字类:数字字段
  • 图片/附件类:图片、手写签名、附件
  • 成员部门类:成员单选、成员多选、部门单选、部门多选

系统字段 中除流程表单中的当前负责人、当前节点不支持筛选外,其他字段均支持筛选。

4. 日期筛选样式

筛选组件的尺寸:

尺寸大小

最小

1/6 行

6 格

最大

整行

60 格

5. 筛选使用

更多筛选使用方法:

Copyright(C)2023 HFBangFu Inc. All Rights Reserved 皖ICP备12017563号-5