树状标签过滤

<< Click to Display Table of Contents >>

当前位置:  可视化数据计算和交互分析 > 数据处理与分析 > 交互分析 > 过滤组件 > 过滤组件类型 

树状标签过滤

复制链接

1. 概述

1.1 应用场景

树状标签过滤组件适用于需要将多个相关联的筛选条件以树形标签结构展示,从而方便用户直接选择多层条件完成数据筛选的场景。

1.2 功能简介

树状标签过滤组件通过树形结构展示筛选选项,支持多层数据过滤,并可绑定任意查询的多个维度字段。用户可以通过选择不同层级的标签来过滤出需要的数据集,实现精准的数据分析。

2. 应用举例

以创建一个产品销售分析报告为例,使用树状标签过滤组件可以快速筛选出特定产品种类、产品名称下的销售额和销量数据。

操作步骤如下:

1)新建一个报告,创建一个柱状图,绑定“产品种类”、“产品名称”、“销售额”、“销量”,如下图。

treelabelfiltereg1_zoom65

2)添加树状标签过滤组件,从组件区域拖拽树状标签过滤组件到画布中。

treelabelfiltereg2_zoom91

3)给树状标签过滤组件绑定数据,选中组件,拖拽“产品种类”、“产品名称”列到绑定数据区域。

treelabelfiltereg3_zoom55

4)编辑树状标签过滤组件,具体设置如下。

a)设置布局:保持默认选择的“列表”、“上下排列,勾选上“底部显示按钮”。

b)设置选项:保持默认选择的“多选”,已勾选的“改变时提交”、“显示全部”、“忽略空值”、“层级之间相互过滤”不变。

5)保存报告。预览、查看报告,在树状标签过滤中选择花茶、柠檬花茶。柱图只展示柠檬花茶的的销量额、销量数据。

treelabelfilteregresult_zoom62

3. 功能说明

3.1 布局

通过右侧【设置 > 布局】,可以设置组件布局,产品提供两种展现形式:列表和下拉列表。产品默认以列表的形式展现。

treelabelfilterlayout

【底部显示按钮】默认不勾选。勾选后,“清空”和“应用”按钮会显示在选项底部。“应用”按钮是否显示受【底部显示按钮】选项控制。

说明:

底部的应用按钮需要先取消“改变时提交”才会显示。

【上下排列】字段和值会以上下方式排序,默认选择上下排列。

【左右排列】字段和值会以左右方式排列。

下图依次为上下排列、左右排列的效果图。

treelabelfilterarrangeupanddown

treelabelfilterarrangeleftandright

【最多显示N个值】每一级字段最多显示的值,默认为30个。超过该数量的标签值不再显示,会在末尾处作出提示。

treelabelfiltermaxdisplayvalue

3.2 选项

通过右侧【设置 > 选项】,包括单选和多选,可以设置选项规则,如下图。

treelabelfilteroption

【单选】勾选此选项后,每个维度下只能选择一个选项进行筛选。

【多选】勾选此选项后,每个维度下可以选择多个选项进行筛选。

【改变时提交】默认该选项被选中,即勾选后立即执行筛选功能。当不勾选该选项时,在树状标签过滤组件会显示应用按钮,当勾选树状标签过滤中的数据后,点击此按钮才会执行筛选功能。

【显示“不限”】默认勾选。勾选后,会在值开始增加一个“不限”,勾选“不限”可以快速选择所有选项,通常用在选项较多的时候;不勾选“不限”则无“不限”选项。

【忽略空值】默认勾选,勾选时,空值被忽略。未勾选时,空选项统一显示为“(空)”。

【层级之间相互过滤】默认勾选,勾选后各层的数据选择后相互联动,只展示已选维度下的数据;不勾选时,各层级下都展示所有值,选择时互不影响。

【必选】详情可参考下拉列表过滤 > 功能说明

【未选值提示】布局为下拉列表,未选值时,用户可自定义提示,默认为“请选择...”。

3.3 格式

您还可以在右侧【格式】设置组件样式,包括文本、边框、背景色、透明度等,详情参考组件操作与设置 >格式