树状过滤

<< Click to Display Table of Contents >>

当前位置:  制作可视化报告 > 过滤组件 

树状过滤

复制链接

1. 概述

1.1 功能简介

树状过滤组件是以树形结构展示过滤选项,可以过滤多层数据。可以绑定任意查询的一个字段或多个字段,绑定多个字段时,字段之间为层级关系,绑定在前的字段是绑定在后的字段的父级。

1.2 应用场景

若绑定数据列存在层级关系,例如有列区域绑定了2个维度列:“市场级别”、“市场分布”,过滤时想要对市场级别、市场分布同时或单独进行过滤,可以使用树状过滤。

2. 操作步骤

1)新建一个报告,创建一个柱状图,绑定“市场级别”、“市场分布”、“销售额”,如下图。

TreeFilter1

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

TreeFilter2

3)给过滤组件绑定数据,选中组件,拖拽“市场级别”、“市场分布”列到绑定数据区域。

如需了解绑定数据的更多信息,详情请参考组件操作与设置 > 绑定字段、移除字段

TreeFilter5

4)编辑过滤组件,具体设置如下:

a)设置布局:布局选中“列表”,勾选上“默认展开一级”,以便后续打开报告的同时能清晰查看过滤条件。。

b)设置选项:选项选中“多选”,并勾选上“改变时提交”、“显示全选”、“选中值置顶”、“忽略空值”,即保持默认设置。

TreeFilter4

如需了解更多组件设置,详情请可参考功能说明 > 选项

5)保存报告,点击页面右上角的“保存”按钮,在保存弹框中设置文件名称即可。如需了解报告保存的更多信息,详情请参考报告操作与设置 > 保存、另存为、自动保存

6)预览查看报告时,打开报告后,过滤参考及展示数据如下:

勾选上“全选”,查看“一级市场”、“二级市场”下各市场的销售额。您也可以单独对某个市场过滤,点击取消选中状态的“二级市场”,只查看“一级市场”下各市场的销售额。

TreeFilter1

3. 功能说明

3.1 布局

布局设置详细说明可参考下拉列表过滤 > 功能说明 > 布局

3.2 选项

选项设置说明可参考下拉列表过滤 > 功能说明 > 选项

【默认展开一级】默认不勾选,勾选后,树状过滤、树状参数组件绑定多个字段时,默认展开一级选项。

说明:

【默认展开一级】选项是树状过滤、树状参数组件特有的设置,产品从V10.0.1开始支持。

TreeFilterExpandFirstLevelByDefault

3.3 格式

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