成都网站建设设计

将想法与焦点和您一起共享

大数据中分组报表怎样实现折叠伸缩效果-创新互联

这篇文章将为大家详细讲解有关大数据中分组报表怎样实现折叠伸缩效果,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

成都创新互联公司是一家集网站建设,湾里企业网站建设,湾里品牌网站建设,网站定制,湾里网站建设报价,网络营销,网络优化,湾里网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

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

大数据中分组报表怎样实现折叠伸缩效果

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

下面我们来分别看下这两种形式的折叠报表在润乾中是如何实现的吧!

Olap 折叠报表

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

报表设计如下:

大数据中分组报表怎样实现折叠伸缩效果

页面标签设置:

大数据中分组报表怎样实现折叠伸缩效果

页面展现效果:

初始收拢
大数据中分组报表怎样实现折叠伸缩效果

节点展开效果

大数据中分组报表怎样实现折叠伸缩效果

树形折叠报表

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

报表设计如下:

大数据中分组报表怎样实现折叠伸缩效果

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

大数据中分组报表怎样实现折叠伸缩效果

页面初始展现效果:

大数据中分组报表怎样实现折叠伸缩效果

全部收拢                                           全部收拢

大数据中分组报表怎样实现折叠伸缩效果

部分节点展开                                           部分节点展开

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

大数据中分组报表怎样实现折叠伸缩效果

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

关于大数据中分组报表怎样实现折叠伸缩效果就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


分享标题:大数据中分组报表怎样实现折叠伸缩效果-创新互联
分享路径:http://chengdu.cdxwcx.cn/article/cejjdj.html