【FineBI学习打卡】DAY63 过滤组件

第63天知识点：过滤组件

 

上一篇我们分享了来自同一数据集以及不同数据集的组件间分别是如何实现联动的。

但有些时候，我们希望可以只通过一个过滤组件来实现对不同组件的控制。

比如下面这样：

这样的效果该怎么实现呢？

我们通过一个案例来看看。

组件来自同一数据集

数据准备

使用数据集：学生成绩表，这张表记录了每位学生的语文和数学成绩。

数据集包含字段：【学号】（唯一ID）、【姓名】、【语文成绩】、【数学成绩】。

现在，用这张数据集制作了2个组件，分别是：

学生语文成绩表（以下简称A组件）

学生数学成绩表（以下简称B组件）

实现效果

在过滤组件中选择或者输入某一学生学号，组件只展示对应学生的相关信息，就像下面这样。

操作步骤

• 添加过滤组件--选择文本过滤组件--文本下拉

• 将【学生成绩表】中的【学号】字段拖入字段栏中

• 组件名称修改为【学号（组件来自同一数据集）】

• 点击确定

结果如下：

接着，我们再来看看当组件来自于不同数据集时，又该如何操作呢？

组件来自不同数据集

数据准备

这里，使用到了另一个数据集：学生排名表，这张表记录了每位学生的排名情况。

数据集包含字段：【学号】（唯一ID）、【姓名】、【排名】。

现在，用这张数据集制作了1个新的组件：

学生排名（以下简称C组件）

实现效果

在过滤组件中选择或者输入某一学生学号，组件只展示对应学生的相关信息，就像下面这样。

操作步骤

• 添加过滤组件--选择文本过滤组--文本下拉

可以发现，这时过滤组件编辑界面左侧出现了2个不同数据集，即我们用到的【学生成绩表】和【学生排名表】。

这时候，我们还能像上面一样将某一数据集里的【学号】字段拖入到字段栏中来实现对组件的控制效果吗？

我们来试一试。

可以发现，如果我们将【学生成绩表】里的【学号】拖入到字段栏中后，如果输入000001，只能控制A组件，C组件并没有发生变化。

也就是说，绑定某一数据集里的字段，只能控制对应的组件。

这个办法行不通，那该怎么办呢？

参数！

• 回到A组件编辑界面，添加参数【学号】

• 添加参数

• 参数名称：学号

• 参数类型：文本

• 默认值：为空

• 点击确定

• 对维度栏中的【学号】进行过滤

• 回到C组件编辑界面，对维度栏中的【学号】进行过滤

 

• 回到仪表板中，编辑过滤组件

• 组件名称修改为【学号（组件来自不同数据集）】

• 勾选自定义值列表

• 勾选绑定参数

• 添加绑定参数【学号】

• 点击确定

 

结果如下：

 

这样就实现了一个过滤组件可以同时控制来自不同数据集的组件。

小 结

一个过滤组件实现同时控制不同组件：

若不同组件来自于同一数据集，直接在过滤组件中绑定数据集中对应字段即可；

若不同组件来自于不同数据集，需要通过添加组件参数，然后通过过滤组件绑定组件参数来实现。

 

好了，今天的内容就分享就到这里。

 

感兴趣的小伙伴可以自己动手试试看~

您好，感谢您对本次原创内容激励计划的大力支持！您此次投稿内容承接上文，介绍统一数据集&不同数据集间只通过一个过滤组件如何实现对不同组件的控制。介绍内容详实，格式规范，可读性较强，对读者受益匪浅。感谢您的投稿，期待您的下一篇文章~