筛选栏(全局筛选)

<< Click to Display Table of Contents >>

当前位置:  设计可视化分析报告 > 报告设计 > 报告布局 

筛选栏(全局筛选)

复制链接

1.概述

1.1 应用场景

筛选栏区域的设计旨在满足用户在复杂报告环境中固定显示关键过滤参数和组件的需求。这特别适用于需要跨多个标签页共享过滤条件的数据分析场景,如财务报表、销售数据汇总、市场调研报告等。用户可以在一个集中的区域设置过滤条件,这些条件将自动应用于整个报告的所有相关标签页,确保数据的一致性和分析的便捷性。

1.2 功能介绍

跨页生效:筛选栏对报告所有标签页可见,可应用于报告中的所有标签页。

固定显示:筛选栏在报告页面中的位置固定,不随页面的滚动而移动,方便用户随时调整筛选条件。

自适应布局:筛选栏能够自适应不同屏幕尺寸和分辨率,确保在各种设备上都能良好显示。其自适应策略是基于整体最大的宽高进行调整,以充分利用可用空间。

展开/收起功能:用户可以根据需要展开或收起筛选栏,以便在查看数据时获得更好的视野,或者在需要调整筛选条件时快速访问。

多样化的组件支持:筛选栏中支持多种类型的组件,包括但不限于过滤组件(下拉列表过滤、树状过滤、树状标签过滤、范围过滤、日期过滤)、参数组件(下拉列表参数、树状参数、下拉参数、文本参数、范围参数、搜索参数)、提交组件、文本组件、图片组件。这些组件的组合使用,能够满足用户复杂多样的数据筛选和展示需求。

2.功能说明

2.1添加筛选栏

报告筛选栏默认隐藏,如果要使用,则在右侧工具栏【报告 > 布局方式】下取消“隐藏”勾选状态,“筛选栏”会显示筛选栏设置,在画布中显示对应的筛选栏区域。

global_filtering_switch_zoom48

【位置】默认顶部,可以修改筛选栏在报告中的位置,支持设置在顶部、左侧,确认后将会出现筛选栏区域。

设置筛选栏位置在顶部时,效果如图:

global_filtering_top_zoom58

设置筛选栏位置在左侧时,效果如图:

global_filtering_left_zoom51

【背景颜色】筛选栏区域的背景色,默认透明,支持单色、渐变和图片。

【分割线】筛选栏区域和报告之间的分割线样式和颜色。顶部/左侧的分割线支持上下/左右方向调整筛选栏的区域大小。

【自适应】默认勾选,即筛选栏区域随着报告自适应而缩放。取消勾选后,筛选栏区域将固定大小显示。

【移动端】默认收起,即在移动端查看时,筛选栏区域的组件将会被收起在一个单独的页面中展示。也可选择展开,展开后筛选栏在移动端报告顶部固定显示。详细介绍参考移动端 > APP > 报告 > 报告操作 > 筛选栏

说明:

移动端筛选栏收起时,文本和图片不显示。

3.调整筛选栏大小

在制作报告时,用户可以直接将需要使用的组件拖入筛选栏区域,区域会自适应扩宽。也可以将鼠标悬浮到分割线上,手动拖拽调整区域的大小。

4.删除筛选栏

勾选“隐藏”即可删除筛选栏。当筛选栏区域内有组件时,隐藏筛选栏会弹出以下确认弹框:

global_filtering03

点击“是”,筛选区域内的组件将被全部删除。

点击“否”,关闭确认提示框。