大數(shù)據(jù)中分組報(bào)表怎樣實(shí)現(xiàn)折疊伸縮效果

這篇文章將為大家詳細(xì)講解有關(guān)大數(shù)據(jù)中分組報(bào)表怎樣實(shí)現(xiàn)折疊伸縮效果，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

在業(yè)務(wù)系統(tǒng)中分組統(tǒng)計(jì)是比較常見的數(shù)據(jù)分析形式，但當(dāng)數(shù)據(jù)項(xiàng)較多，或分組的層級(jí)過多時(shí)看著就會(huì)比較煩亂，為了數(shù)據(jù)更清晰的展現(xiàn)，通常用戶會(huì)需要伸縮（折疊）顯示的效果，這樣分類匯總的數(shù)據(jù)就可一目了然的呈現(xiàn)。

潤(rùn)乾報(bào)表內(nèi)置了這種伸縮功能，提供了兩種形式的折疊報(bào)表：樹型折疊報(bào)表和 OLAP 型折疊報(bào)表。報(bào)表開發(fā)人員不再需要編寫 JS 腳本，只需要兩步，設(shè)計(jì)報(bào)表，在報(bào)表展現(xiàn)的 jsp 頁面中加入 tag 屬性，就可以將格式符合的報(bào)表以伸縮的形式展現(xiàn)。

下面我們來分別看下這兩種形式的折疊報(bào)表在潤(rùn)乾中是如何實(shí)現(xiàn)的吧！

Olap 折疊報(bào)表

olap 折疊報(bào)表格式要求：分組格與它的子格在同一行，行上必須是全包含關(guān)系。

報(bào)表設(shè)計(jì)如下：

頁面標(biāo)簽設(shè)置：

頁面展現(xiàn)效果：

初始收攏

節(jié)點(diǎn)展開效果

樹形折疊報(bào)表

樹形報(bào)表格式要求：分組格與它的子格不在同一行上，不能有行上的全包含或半包含關(guān)系。

報(bào)表設(shè)計(jì)如下：

報(bào)表展現(xiàn)頁面標(biāo)簽設(shè)置如下：

頁面初始展現(xiàn)效果：

全部收攏                                           全部收攏

部分節(jié)點(diǎn)展開                                           部分節(jié)點(diǎn)展開

下面是關(guān)于折疊報(bào)表標(biāo)簽屬性列表：

說明：
1、樹形報(bào)表對(duì)瀏覽器沒有要求，olap 折疊表對(duì)瀏覽器要求 IE 類瀏覽器版要大于 IE9，其它類瀏覽器不限
2、這兩種展現(xiàn)方式互斥，只能同時(shí)用一種
3、樹型和 Olap 折疊報(bào)表都支持行列折疊
4、foldOnBegin 和 foldIcon 屬性都適用于兩種折疊報(bào)表

關(guān)于大數(shù)據(jù)中分組報(bào)表怎樣實(shí)現(xiàn)折疊伸縮效果就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。