如何实现伸缩 (折叠) 报表?

本文涉及的产品
云原生数据仓库AnalyticDB MySQL版,基础版 8ACU 100GB 1个月
简介: 折叠报表

在业务系统中分组统计是比较常见的数据分析形式,但当数据项较多,或分组的层级过多时看着就会比较烦乱,为了数据更清晰的展现,通常用户会需要伸缩(折叠)显示的效果,这样分类汇总的数据就可一目了然的呈现。
1

润乾报表内置了这种伸缩功能,提供了两种形式的折叠报表:树型折叠报表和 OLAP 型折叠报表。报表开发人员不再需要编写 JS 脚本,只需要两步,设计报表,在报表展现的 jsp 页面中加入 tag 属性,就可以将格式符合的报表以伸缩的形式展现。
下面我们来分别看下这两种形式的折叠报表在润乾中是如何实现的吧!

Olap 折叠报表

olap 折叠报表格式要求:分组格与它的子格在同一行,行上必须是全包含关系。
报表设计如下:
2

页面标签设置:
3

页面展现效果:
初始收拢
4

节点展开效果
5

树形折叠报表

树形报表格式要求:分组格与它的子格不在同一行上,不能有行上的全包含或半包含关系。
报表设计如下:
6

报表展现页面标签设置如下:
7

页面初始展现效果:
8

                                         全部收齐

9

                                         部分节点展开

下面是关于折叠报表标签属性列表:
10

说明:
1、树形报表对浏览器没有要求,olap 折叠表对浏览器要求 IE 类浏览器版要大于 IE9,其它类浏览器不限
2、这两种展现方式互斥,只能同时用一种
3、树形报表暂时只实现行向的折叠,列向未实现
4、foldOnBegin 和 foldIcon 属性都适用于两种折叠报表

作者:shiguang
链接:http://c.raqsoft.com.cn/article/1540280455361?r=IBelieve
来源:乾学院
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

相关实践学习
AnalyticDB MySQL海量数据秒级分析体验
快速上手AnalyticDB MySQL,玩转SQL开发等功能!本教程介绍如何在AnalyticDB MySQL中,一键加载内置数据集,并基于自动生成的查询脚本,运行复杂查询语句,秒级生成查询结果。
阿里云云原生数据仓库AnalyticDB MySQL版 使用教程
云原生数据仓库AnalyticDB MySQL版是一种支持高并发低延时查询的新一代云原生数据仓库,高度兼容MySQL协议以及SQL:92、SQL:99、SQL:2003标准,可以对海量数据进行即时的多维分析透视和业务探索,快速构建企业云上数据仓库。 了解产品 https://www.aliyun.com/product/ApsaraDB/ads
目录
相关文章
|
XML 编解码 开发工具
《移动互联网技术》第六章 资源管理: 掌握定制控件样式、界面主题、可绘制资源程序的编写方法
《移动互联网技术》第六章 资源管理: 掌握定制控件样式、界面主题、可绘制资源程序的编写方法
49 0
|
1月前
|
JavaScript
avaScript如何实现 选项卡功能
avaScript如何实现 选项卡功能
20 1
|
3月前
改进菜单栏动态展示样式,我被评上优秀开发!
【8月更文挑战第24天】改进菜单栏动态展示样式,我被评上优秀开发!
42 2
|
3月前
|
数据可视化 前端开发 JavaScript
可视化图表与源代码显示配置项及页面的动态调整功能分析
本篇文章对可视化图表与源代码显示配置项及页面的动态调整进行了一个详细的功能分析,我将文章内容分为四个部分(分析图表源代码;分析源代码显示功能;分析源代码显示及动态调整;分析代码编辑器及运行效果显示)。对此,我会一一为大家解释代码的结构,功能的组成;且文章出现的所有代码,为了方便小白也能够读懂,我都做了详细的注释
53 0
可视化图表与源代码显示配置项及页面的动态调整功能分析
|
6月前
|
容器
怎样实现单个图表全屏功能?
怎样实现单个图表全屏功能?
|
Python
PyQt5 图形界面 - 配置界面跟随窗口大小调整灵活伸缩,设置页面控件居中显示实例演示
PyQt5 图形界面 - 配置界面跟随窗口大小调整灵活伸缩,设置页面控件居中显示实例演示
1132 0
|
数据可视化 JavaScript 前端开发
前端可视化大屏设置全屏模式方法
前端可视化大屏设置全屏模式方法
前端可视化大屏设置全屏模式方法
|
数据可视化 Oracle 关系型数据库
报表功能升级|新增的这4项图表组件太太太好用了吧!
你们要的交叉透视表、词云、日历热力图、雷达图安排上啦~
514 0
报表功能升级|新增的这4项图表组件太太太好用了吧!
|
测试技术 BI 定位技术
在QuickBI中如何实现向下钻取的动态地图仪表板
销售部当前有一个迫切的需求就是: 在地图上,可以方便的查询到在过去几年的任意指定的月份区间内,公司在全国各大区域的销售订单金额和利润金额,点击区域可以下钻到省份,可以看到选定的月份区间以省份为粒度的销售订单金额和利润金额。在QuickBI中如何实现呢?
5668 0