《潤(rùn)乾報(bào)表多維分析功能漫游》一文中我們已經(jīng)見(jiàn)識(shí)了潤(rùn)乾報(bào)表分析控件的妙處：可視化的拖拽模式，靈活的計(jì)算方式，脫離敲打復(fù)雜多變的查詢語(yǔ)句，只需要?jiǎng)觿?dòng)鼠標(biāo)就可以獲取所需要的數(shù)據(jù)。除了多維分析外，潤(rùn)乾報(bào)表還有dashboard分析界面那就是儀表盤，簡(jiǎn)稱DBD，即大屏和分析控件的結(jié)合。

DBD可以通過(guò)圖表、圖形等視覺(jué)元素，將多個(gè)來(lái)源的數(shù)據(jù)中所蘊(yùn)含的信息的趨勢(shì)、異常和模式展現(xiàn)出來(lái)。接下來(lái)讓我們看看當(dāng)大屏與分析控件結(jié)合時(shí)會(huì)碰撞出什么樣的火花吧。

DBD支持多數(shù)據(jù)集，每個(gè)數(shù)據(jù)集又支持多報(bào)表，首先以demo示例數(shù)據(jù)庫(kù)中EMPLOYEE表為例，看看如何使用DBD。

數(shù)據(jù)準(zhǔn)備

首先啟動(dòng)示例數(shù)據(jù)庫(kù)和服務(wù)器。然后在打開(kāi)的瀏覽器中輸入訪問(wèn)地址：http://localhost:6868/demo/raqsoft/guide/dbd/jsp/index.jsp；或者在打開(kāi)的DQL元數(shù)據(jù)層設(shè)計(jì)器中點(diǎn)擊菜單“服務(wù)”→“儀表盤”，或者點(diǎn)擊菜單欄中的瀏覽圖標(biāo)

，選擇“儀表盤”。

首頁(yè)展示的是DBD服務(wù)器的文件目錄，該目錄中存放著DBD文件及文件夾，DBD文件的介紹見(jiàn)下文。

點(diǎn)擊數(shù)據(jù)準(zhǔn)備按鈕

，進(jìn)入數(shù)據(jù)準(zhǔn)備頁(yè)面。數(shù)據(jù)準(zhǔn)備頁(yè)面如下圖，主要分為①菜單欄、②數(shù)據(jù)集設(shè)置、③報(bào)表設(shè)置、④布局+報(bào)表編輯幾個(gè)區(qū)域。

數(shù)據(jù)準(zhǔn)備初始化頁(yè)面的布局+報(bào)表編輯區(qū)為2*3的網(wǎng)格面板，網(wǎng)格高200像素，寬隨屏初始大小變化。

點(diǎn)擊數(shù)據(jù)集按鈕，在彈出的管理數(shù)據(jù)及窗口上編輯數(shù)據(jù)集名稱和sql查詢語(yǔ)句，如下圖：

點(diǎn)擊【重新查詢數(shù)據(jù)，緩存入文件】

將查詢結(jié)果緩存入臨時(shí)文件，點(diǎn)擊【保存】，SQL數(shù)據(jù)集就創(chuàng)建完成了。然后就可以添加報(bào)表了。

報(bào)表塊初體驗(yàn)

報(bào)表塊是報(bào)表的載體，報(bào)表不能隨意移動(dòng)的，然而報(bào)表塊卻可以隨意在網(wǎng)格布局上游走。

拖拽

點(diǎn)擊編輯區(qū)第一行的第一個(gè)單元格添加第一個(gè)報(bào)表塊：

數(shù)據(jù)集下拉框中選擇SQL數(shù)據(jù)集

拖拽字段EID到指標(biāo)數(shù)據(jù)區(qū)，這樣EID的數(shù)據(jù)就顯示到第一個(gè)報(bào)表塊中的報(bào)表里了。

接著拖拽字段STATE、BIRTHDAY、DEPT、SALARY到指標(biāo)數(shù)據(jù)區(qū)。

第一張報(bào)表內(nèi)容如下：

當(dāng)網(wǎng)格中報(bào)表內(nèi)容顯示不全時(shí)，可使用報(bào)表塊上的滾動(dòng)條滾動(dòng)查看報(bào)表內(nèi)容，亦可通過(guò)拖動(dòng)網(wǎng)格邊框調(diào)整網(wǎng)格的行高和列寬以便報(bào)表內(nèi)容在網(wǎng)格中全部顯示出來(lái)。

點(diǎn)擊報(bào)表塊左上角的報(bào)表名稱，編輯報(bào)表名稱，回車提交。

添加計(jì)算字段

如果報(bào)表的一個(gè)字段是由其他字段計(jì)算而來(lái)的(或者說(shuō)是動(dòng)態(tài)的),那么我們還可以根據(jù)自己的需求，采用自定義計(jì)算字段的方式，添加計(jì)算字段，實(shí)現(xiàn)個(gè)性化定制。例如，通過(guò)出生日期計(jì)算年齡。

點(diǎn)擊拖拽字段同行的添加計(jì)算字段按鈕

添加計(jì)算字段AGE，表達(dá)式為集算器表達(dá)式：

拖拽字段AGE到指標(biāo)數(shù)據(jù)區(qū)：

匯總

使用同一個(gè)數(shù)據(jù)源，制作不同的報(bào)表，比如查看各部門總薪資，只需要DEPT和SALARY的數(shù)據(jù)。我們將DEPT拖拽到左表頭的位置，并將指標(biāo)數(shù)據(jù)區(qū)中SALARY的匯總方式改為“求和”。

選擇區(qū)選中第二個(gè)報(bào)表塊，報(bào)表內(nèi)容如下：

這樣第二個(gè)報(bào)表顯示的數(shù)據(jù)就是不同部門下員工薪資的總計(jì)了。

那么如果想要繼續(xù)在報(bào)表中添加顯示各個(gè)州有多少員工呢，就可以把EID字段拖拽到指標(biāo)數(shù)據(jù)區(qū)，并且字段類型改為“計(jì)數(shù)”就可以了。這里的計(jì)數(shù)相當(dāng)于SQL中的COUNT關(guān)鍵字。

如果想查看各個(gè)州和各個(gè)部門的員工數(shù)量及總薪資情況呢，此時(shí)我們將STATE拖拽到上表頭的位置即可，為了使數(shù)據(jù)展示更明確，還可以修改指標(biāo)標(biāo)題，例如：將SALARY求和改為總薪資。

更改表格樣式

說(shuō)完報(bào)表數(shù)據(jù)的展示，我們要掰飭掰飭報(bào)表的樣式了，畢竟在如今“顏值為王”的現(xiàn)在，如何將數(shù)據(jù)展現(xiàn)的更好看，讓別人更愿意看，這也是一個(gè)技術(shù)活。

DBD展示報(bào)表時(shí)一般都使用默認(rèn)的表格樣式。但遇到個(gè)性化報(bào)表展現(xiàn)時(shí)通常就難以滿足需求了。為此，產(chǎn)品提供了對(duì)默認(rèn)表格樣式的修改，以及報(bào)表自定義模板兩種方式。可以修改分析報(bào)表的默認(rèn)展現(xiàn)樣式，也可以針對(duì)個(gè)性定制報(bào)表設(shè)置獨(dú)有的報(bào)表模板。

報(bào)表表格的樣式是通過(guò)一個(gè)模板報(bào)表style.rpx來(lái)控制的，該模板位于【安裝目錄】\report\web\webapps\demo\WEB-INF\files下：

B2、D2、F2、H2的單元格樣式分別與DBD展示報(bào)表中的標(biāo)題、分組、指標(biāo)1、指標(biāo)2四個(gè)區(qū)域的樣式一一對(duì)應(yīng)。所以在style.rpx中設(shè)置以上幾個(gè)單元格樣式即可同步更改DBD展示的報(bào)表的樣式。

下面我們修改下style.rpx單元格的樣式，例如修改標(biāo)題區(qū)與分組區(qū)的字體顏色和背景色，指標(biāo)2區(qū)域的背景色，標(biāo)題區(qū)、分組區(qū)、指標(biāo)1與指標(biāo)2區(qū)域的邊框顏色：

此時(shí)報(bào)表預(yù)覽如下：

除了修改報(bào)表默認(rèn)樣式，還可以使用報(bào)表自定義模板，往下看。

統(tǒng)計(jì)圖

誠(chéng)然普通報(bào)表可以使數(shù)據(jù)一目了然，不過(guò)如果有統(tǒng)計(jì)圖的輔助會(huì)使得報(bào)表更直觀。比如，想知道某個(gè)州的員工數(shù)和總員工數(shù)的比例時(shí)，可以使用餅圖，利用扇區(qū)的顏色區(qū)分不同的州，利用扇區(qū)的大小反映數(shù)據(jù)的差異。接下來(lái)輪到報(bào)表自定義模版中的統(tǒng)計(jì)圖登場(chǎng)了。使用報(bào)表自定義模板時(shí)，不僅可隨意定義模板展現(xiàn)樣式，還可在報(bào)表自定義模板中定義統(tǒng)計(jì)圖，報(bào)表模版中統(tǒng)計(jì)圖的設(shè)置和普通報(bào)表添加統(tǒng)計(jì)圖設(shè)置一致。

選擇區(qū)選中第三個(gè)報(bào)表塊，切換到統(tǒng)計(jì)圖，并選擇數(shù)據(jù)集：

在模版下拉框中選擇“單系列餅圖柱形圖”

在報(bào)表設(shè)置區(qū)拖拽字段STATE到分類 ，EID到系列值，第三個(gè)報(bào)表塊中報(bào)表就顯示出來(lái)了。點(diǎn)擊指標(biāo)數(shù)據(jù)區(qū)EID字段旁邊的三角

，將“不匯總”改為“計(jì)數(shù)”。并修改報(bào)表名稱為地區(qū)分析：

如此，不需要吹灰之力，一張統(tǒng)計(jì)圖報(bào)表就做好了，是不是很貼心。

靈活布局

此時(shí)報(bào)表區(qū)有了3張報(bào)表，3張報(bào)表依次排列在第一行，空間利用不合理，而且不太美觀，接下來(lái)我們調(diào)整下布局，使報(bào)表排列更完美。

點(diǎn)擊選擇布局倒三角

，選擇三組件中的第一個(gè)。

報(bào)表區(qū)自動(dòng)刷新：

如果需求中報(bào)表數(shù)量和報(bào)表大小明確的話，布局類型的選擇也可在編輯之初做。需要注意的是，中途修改布局時(shí)，新建布局格數(shù)需大于等于當(dāng)前報(bào)表數(shù)。

點(diǎn)擊菜單欄的【保存】按鈕，將例子保存為employee.olap。

報(bào)表區(qū)報(bào)表塊位置可隨意調(diào)整，例如將員工明細(xì)和部門分析調(diào)換位置。只需選中員工明細(xì)表的選擇區(qū)，拖動(dòng)到部門分析報(bào)表塊上，松開(kāi)鼠標(biāo)即可。

員工明細(xì)和部門分析互換位置。

參數(shù)過(guò)濾

當(dāng)需要從海量數(shù)據(jù)做篩選時(shí)，采用一定的方法，從信息集合中找出所需信息是很有必要的。接下來(lái)我們看看如何在DBD中使用參數(shù)過(guò)濾，查詢部分?jǐn)?shù)據(jù)。

復(fù)雜條件

這里以第一個(gè)報(bào)表塊中的報(bào)表"員工明細(xì)"為例，講述怎么過(guò)濾STATE為California、New York和Texas的員工數(shù)據(jù)。有兩種方式可以設(shè)置復(fù)雜條件。

方法一 ：在字段STATE處點(diǎn)擊

下拉列表，選擇

，此處設(shè)置數(shù)據(jù)過(guò)濾條件僅對(duì)當(dāng)前字段有效。

設(shè)置查詢條件：

方法二：在點(diǎn)擊報(bào)表塊上方欄目中的" 報(bào)表參數(shù)" 按鈕

，打開(kāi)設(shè)置查詢條件界面。

編輯查詢條件內(nèi)容和方法一一樣。

結(jié)果如下圖：

使用方法二可以設(shè)置復(fù)雜的過(guò)濾條件，可以選擇多個(gè)字段進(jìn)行過(guò)濾條件的拼接。

數(shù)據(jù)集參數(shù)

如果想查看所有報(bào)表中STATE為California、New York和Texas的員工數(shù)據(jù)呢，該不會(huì)每個(gè)報(bào)表都添加過(guò)濾條件吧。那樣會(huì)多么繁瑣。不，不，我們有更簡(jiǎn)便的方法，那就是使用數(shù)據(jù)集參數(shù)過(guò)濾，一次使用，所有使用該數(shù)據(jù)集的報(bào)表均有效。

點(diǎn)擊任意一個(gè)報(bào)表的選擇區(qū)，在數(shù)據(jù)集操作區(qū)點(diǎn)擊"數(shù)據(jù)集參數(shù)"按鈕

在打開(kāi)的設(shè)置查詢條件界面上輸入過(guò)濾條件。

點(diǎn)擊【保存】，所有報(bào)表刷新，只顯示New York、California、Texas 3個(gè)州的數(shù)據(jù)。

是不是非常方便。數(shù)據(jù)集參數(shù)作用于使用同一個(gè)數(shù)據(jù)集的所有報(bào)表，設(shè)置數(shù)據(jù)集參數(shù)時(shí)不用選中某個(gè)報(bào)表。

共享參數(shù)

剛才提到的是單數(shù)據(jù)集的過(guò)濾，現(xiàn)在再來(lái)看看多數(shù)據(jù)集過(guò)濾時(shí)數(shù)據(jù)集參數(shù)的使用效果。用demo示例數(shù)據(jù)庫(kù)中訂單表和訂單明細(xì)表分別做兩個(gè)數(shù)據(jù)集。然后做4個(gè)報(bào)表，布局選擇4組件中的第一個(gè)布局。

訂單：

訂單明細(xì)：

訂單數(shù)據(jù)集的過(guò)濾條件為訂單ID小于等于10255

訂單明細(xì)數(shù)據(jù)集的過(guò)濾條件為訂單ID大于等于10250且小于等于10255

報(bào)表區(qū)第一行報(bào)表使用訂單數(shù)據(jù)集，第二行報(bào)表使用訂單明細(xì)數(shù)據(jù)集，報(bào)表內(nèi)容如下：

現(xiàn)在選中報(bào)表訂單修改訂單數(shù)據(jù)集的過(guò)濾條件為訂單ID小于等于10260，報(bào)表區(qū)數(shù)據(jù)刷新：

由此可見(jiàn)，數(shù)據(jù)集參數(shù)只作用于使用同一個(gè)數(shù)據(jù)集的所有報(bào)表，不同數(shù)據(jù)集之間即使參數(shù)名一樣也互不干擾。

再考慮一種情況，如果訂單明細(xì)數(shù)據(jù)集的過(guò)濾條件變?yōu)橛唵蜪D大于等于10250且小于等于10260，也就是2個(gè)數(shù)據(jù)集有共性過(guò)濾：訂單ID小于等于10260，那么我們就要再修改訂單明細(xì)的過(guò)濾條件了。你可能會(huì)說(shuō)，這不簡(jiǎn)單嗎，直接選中訂單明細(xì)數(shù)據(jù)集編輯數(shù)據(jù)集參數(shù)就好了呀。試想如果數(shù)據(jù)集有很多個(gè)呢，是不是一個(gè)一個(gè)修改怪麻煩的。

那么有沒(méi)有一勞永逸的辦法呢，當(dāng)然有啦，那就是使用共享參數(shù)。我們可以將共性過(guò)濾放到共享參數(shù)中。來(lái)我們一起了解一下這個(gè)神奇的參數(shù)定義功能吧。

單擊菜單欄共享參數(shù)，添加共享參數(shù)a：

修改訂單數(shù)據(jù)集的過(guò)濾條件：

修改訂單明細(xì)數(shù)據(jù)集的過(guò)濾條件：

報(bào)表區(qū)數(shù)據(jù)刷新：

之后，再查看某訂單ID以前的訂單信息時(shí)只需修改共享參數(shù)中a的值即可。省去了挨個(gè)修改數(shù)據(jù)集參數(shù)的時(shí)間，同時(shí)也避免了多個(gè)數(shù)據(jù)修改時(shí)過(guò)濾值一不小心輸入不一致的問(wèn)題。

使用共享參數(shù)可以作用于多個(gè)數(shù)據(jù)集的多個(gè)報(bào)表，勢(shì)必大大提高工作效率。

報(bào)表塊預(yù)覽

使用預(yù)覽功能可預(yù)覽當(dāng)前正在編輯的報(bào)表區(qū)的展示效果。例如打開(kāi)employee.olap，菜單欄點(diǎn)擊【預(yù)覽】按鈕

dbd預(yù)覽效果如下：

在這里還可以調(diào)整報(bào)表塊的位置及報(bào)表塊的展示寬高。方法同編輯狀態(tài)時(shí)調(diào)整方式一樣。如：使員工明細(xì)的寬度變窄，部門分析的寬度變寬。只需將鼠標(biāo)放到兩個(gè)報(bào)表塊中間的邊框上，鼠標(biāo)變?yōu)?/p>

時(shí)左右拖拽改變邊框線位置即可。

使用視圖切換到mobile模式可查看mobile模式的預(yù)覽效果。

mobile模式下可調(diào)整移動(dòng)端報(bào)表展現(xiàn)順序，如將部門分析表放到最上邊，只需選中員工明細(xì)表的選擇區(qū)，拖動(dòng)到部門分析報(bào)表塊上，松開(kāi)鼠標(biāo)即可。

dbd文件管理

使用上傳到服務(wù)器功能，可將預(yù)覽結(jié)果保存成dbd文件，文件后綴為.dbd，用于目錄中查看和執(zhí)行展示。dbd文件保存位置為【安裝目錄】\report\web\webapps\demo\WEB-INF\files\dbd下，上傳服務(wù)器的同時(shí)也可將dbd文件下載到本地。

上傳到服務(wù)器之后，目錄頁(yè)面就可以看到該dbd文件了

雙擊employee，即可查看該dbd文件中所有的報(bào)表了。

移動(dòng)端目錄頁(yè)面的訪問(wèn)地址：http://ip:6868/demo/raqsoft/guide/dbd/jsp/folder-mobile.jsp。移動(dòng)端須和pc端位于同一局域網(wǎng)。

點(diǎn)擊employee即可在移動(dòng)端查看該dbd文件中的所有報(bào)表。

看到這里，是不是對(duì)DBD有了初步的了解。使用DBD，可以通過(guò)拖拽的方式調(diào)整報(bào)表，放大縮小圖表，聯(lián)動(dòng)分析，共享參數(shù)等。使用潤(rùn)乾報(bào)表的DBD功能還可以做出超大畫面，富有科技感、酷炫的報(bào)表，心動(dòng)不如行動(dòng)趕快下載潤(rùn)乾報(bào)表，著手一試吧。