历史版本37 :树过滤组件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

树过滤组件在线视频学习请参见:过滤组件

1.1 版本

FineBI 版本号
JAR 包日期功能变动
5.1
--
5.1.92020-01-06树标签字段最长可显示 8 个中文字符宽度

1.2 应用场景

树过滤组件指展示树形结构过滤数据的组件。通过树过滤组件可以展示有层级关系的字段,例如国家-省份-城市的层级关系。在过滤的时候可以对国家省份城市同时或单独进行过滤,而且当国家、省份和城市数量较多候,树形结构也便于查找。

1.3 功能简介

FineBI的树过滤组件包含三种类型:下拉树、树标签、列表树,如下图所示:

1604678362382311.png

注:树过滤组件只支持添加一张表的字段,若拖入其他表的字段,之前添加的字段将被清空。

2. 示例编辑

本文介绍如何添加树过滤组件。例如,添加树过滤组件,实现对仪表板上的其他组件的数据进行过滤,筛选出「中国-云南省」的数据。

树过滤的操作可参考文档:过滤组件操作

1)新建一个仪表板,点击添加组件,选择 Demo 数据「客户维度表」。如图所示:

1604718631763211.png

2)制作一个明细表,如下图所示:

1604718866631341.png

3)并点击进入仪表板,进入到仪表板编辑页面,点击过滤组件,选择需要的数值区间过滤组件拖入,如下图所示:

1604719200367335.png

2.1 下拉树

拖入「下拉树」组件后。绑定字段并设置过滤组件的默认值,如下图所示:

1604719694513975.png   

效果查看:

在「下拉树」组件的下拉框勾选数值,从而在明细表中进行筛选,如下图所示:

1604720068269665.png

2.2 树标签

拖入「树控件」组件后。绑定字段并设置过滤组件的默认值,如下图所示:

注:树标签字段最长可显示 8 个中文字符宽度。

1604720408927670.png   

效果查看:

在「树标签」组件的下拉框勾选数值,从而在明细表中进行筛选,如下图所示:

1604720621191552.png

2.3 列表树

拖入「列表树」组件后。绑定字段并设置过滤组件的默认值,如下图所示:

1604721408291841.png   

效果查看:

在「列表树」组件的下拉框勾选数值,从而在明细表中进行筛选,如下图所示:

1604721308580052.png