FineReport-leanning

第一張報(bào)表

【資料圖】

效果展示圖

操作步驟

新建數(shù)據(jù)連接

新建數(shù)據(jù)連接的目的是讓 FineReport 設(shè)計(jì)器連接數(shù)據(jù)庫，這樣報(bào)表就可以在數(shù)據(jù)庫中讀取、寫入或修改數(shù)據(jù)。

數(shù)據(jù)連接的方式有兩種，分別是連接內(nèi)置數(shù)據(jù)庫和連接外置數(shù)據(jù)庫。

新建報(bào)表類型

新建數(shù)據(jù)集

數(shù)據(jù)集通過 SQL 查詢語句從已經(jīng)建立連接的數(shù)據(jù)庫中取數(shù)，將數(shù)據(jù)以二維表的形式保存并顯示在數(shù)據(jù)集管理面板處。簡單而言數(shù)據(jù)集是報(bào)表設(shè)計(jì)時(shí)的直接數(shù)據(jù)來源。

數(shù)據(jù)集按照作用范圍分為兩種：服務(wù)器數(shù)據(jù)集 和 模板數(shù)據(jù)集。

我們制作的這張普通報(bào)表將新建兩個(gè)模板數(shù)據(jù)集 ds1 和 ds2。

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

基本頁面設(shè)計(jì)

屬性設(shè)置

選中 C3 單元格，讓產(chǎn)品字段的數(shù)據(jù)在表格中橫向擴(kuò)展，右邊屬性面板選擇

多數(shù)據(jù)集關(guān)聯(lián)

當(dāng)報(bào)表中存在不同數(shù)據(jù)集的數(shù)據(jù)時(shí)，需要通過添加數(shù)據(jù)過濾條件，建立器不同數(shù)據(jù)集之家的聯(lián)系。

選中并雙擊 D4 單元格，彈出數(shù)據(jù)列對話框，選擇過濾。給單元格添加一個(gè)普通條件，將 ds2 的銷售員字段與 ds1 的銷售員字段進(jìn)行綁定，實(shí)現(xiàn)兩個(gè)數(shù)據(jù)集之間的關(guān)聯(lián)。

圖表設(shè)計(jì)

我們要在這張報(bào)表中插入柱形圖直觀化的展示各銷售員每個(gè)產(chǎn)品的銷售總量。

合并A7-D18單元格，選擇菜單欄插入>單元格元素>插入圖表選擇柱形圖選中圖表，在右邊屬性面板選擇單元格元素>數(shù)據(jù)，設(shè)置柱形圖的數(shù)據(jù)。

注：分類名、系列名、值在設(shè)置的時(shí)候必須要有等號，否則單元格會被作為字符串處理。

展示的圖表信息，不需要對圖表所在的單元格進(jìn)行擴(kuò)展。，左父格和上父格均設(shè)無。

自定義柱形顏色，選中柱形圖，點(diǎn)擊屬性面板單元格元素>特效>條件顯示>添加條件

參數(shù)設(shè)計(jì)

參數(shù)的作用在于通過設(shè)置參數(shù)，可以在參數(shù)面板中給參數(shù)添加控件，再將控件與報(bào)表數(shù)據(jù)進(jìn)行綁定，進(jìn)而實(shí)現(xiàn)根據(jù)用戶輸入的參數(shù)查詢指定的數(shù)據(jù)。

菜單欄選中模板->模板參數(shù)，添加相應(yīng)的查詢條件信息。點(diǎn)擊編輯按鈕，右上角會顯示沒有使用的控件信息，點(diǎn)擊添加。

選中下拉框控件，在右邊的控件設(shè)置面板選擇屬性，點(diǎn)擊數(shù)據(jù)字典編輯按鈕，類型設(shè)置為「數(shù)據(jù)庫表」，數(shù)據(jù)庫為「FRDemo」，選擇數(shù)據(jù)庫表為「銷量」，列名的實(shí)際值和顯示值為「地區(qū)」。

這樣就給下拉框控件綁定了數(shù)據(jù)庫銷量表中的地區(qū)這個(gè)字段，這個(gè)字段下有兩個(gè)地區(qū)信息，分別為華東和華北，用戶可下拉選擇華東或者華北來查詢對應(yīng)地區(qū)下的銷售概況信息。

設(shè)置好控件之后，需要對相應(yīng)的地區(qū)單元格，設(shè)置條件過濾。

報(bào)表設(shè)計(jì)基礎(chǔ)

單元格擴(kuò)展

引出：數(shù)據(jù)集中的字段拖入到單元格后，如果不進(jìn)行單元格擴(kuò)展，字段下的數(shù)據(jù)會在一個(gè)單元格中集中展示。

通過單元格擴(kuò)展功能，可以讓一個(gè)字段下的不同數(shù)據(jù)在多個(gè)單元格中展示

Comment

FineReport提供了三種單元格擴(kuò)展方向。

縱向擴(kuò)展：單元格中字段的數(shù)據(jù)縱向擴(kuò)展，在不同單元格中展示。橫向擴(kuò)展：單元格中字段的數(shù)據(jù)橫向擴(kuò)展，在不同單元格中展示不擴(kuò)展：單元格中字段的數(shù)據(jù)不擴(kuò)展，所有數(shù)據(jù)在一個(gè)單元格中展示。

實(shí)例-行式報(bào)表

準(zhǔn)備數(shù)據(jù)SELECT * FROM 訂單，取出所有數(shù)據(jù)。

A1~G1 單元格寫入表格標(biāo)題信息，選中 A1~G1 單元格，右邊屬性面板選擇單元格屬性>樣式，樣式下拉框選擇預(yù)定義樣式，給標(biāo)題設(shè)置一個(gè)Head類型的樣式。

選中單元格，進(jìn)行樣式格式化。

父子格設(shè)置

引出：父子格是跟單元格擴(kuò)展息息相關(guān)的概念，單元格的擴(kuò)展是針對具體的某一個(gè)單元格，當(dāng)報(bào)表主體中綁定了多個(gè)單元格時(shí)，這些單元格在擴(kuò)展是否存在聯(lián)系，

Comment

FineReport 支持兩種類型的父子格設(shè)置。

左父格：單元格之間存在縱向擴(kuò)展的關(guān)系時(shí)，設(shè)置左父格。上父格：單元格之間存在橫向擴(kuò)展的關(guān)系時(shí)，設(shè)置上父格。

實(shí)例-分組報(bào)表

因?yàn)殇N量中對應(yīng)的分組數(shù)據(jù)，可以直接在設(shè)計(jì)器中選中匯總，求和，展示出數(shù)據(jù)。

效果圖：

實(shí)例-自由報(bào)表類型

當(dāng)數(shù)據(jù)表中包含多個(gè)字段，這些字段的數(shù)據(jù)都要顯示在報(bào)表中，如果將所有數(shù)據(jù)顯示在報(bào)表的一行上，看起來會很擁擠。這個(gè)時(shí)候就可以做成自由報(bào)表，提高報(bào)表展示的美觀度和可讀性。

自由報(bào)表不像網(wǎng)格式報(bào)表或者分組報(bào)表那樣規(guī)則，其特點(diǎn)是數(shù)據(jù)庫表中的一條記錄不是分布在一行上，而是散放在多行上，記錄分塊或者分頁顯示。

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

新建數(shù)據(jù)集ds1，數(shù)據(jù)庫中查詢對話框中寫入sql查詢SELECT * FROM 訂單。

設(shè)置報(bào)表樣式如下

并且將數(shù)據(jù)拖入相應(yīng)的單元格中，格式化數(shù)據(jù)。

父子格設(shè)置

選中訂單ID(B3)周圍的單元格，選擇單元格屬性>擴(kuò)展,自定義這些單元格的父格為B3，并且縱向擴(kuò)展。

效果展示：

層次坐標(biāo)

概念

擴(kuò)展單元格運(yùn)算時(shí)需要使用層次坐標(biāo)來表示單元格擴(kuò)展后的表格位置。

相對層次坐標(biāo)

相對位移坐標(biāo)是用來描述目標(biāo)單元格和當(dāng)前單元格之間的位置關(guān)系的表達(dá)式。

注1：Cellx表示需要返回結(jié)果的單元格，Celly表示位移時(shí)參考的單元格。Cellx[Celly:-z]的運(yùn)算邏輯：記錄位移前Celly和Cellx的對應(yīng)關(guān)系,記為關(guān)系1，當(dāng)Celly完成-z個(gè)位置的位移后，按照‘關(guān)系1’返回對應(yīng)的Cellx。

注2：相對后移需要使用“-”符號，相對前移需要使用“+”符號。

注3：z 代表相對位移的位置。

實(shí)例練習(xí)

絕對層次坐標(biāo)

在進(jìn)行報(bào)表設(shè)計(jì)時(shí)，單元格尚未擴(kuò)展，但是其它單元格的計(jì)算表達(dá)式可能需要此單元格擴(kuò)展后某個(gè)數(shù)據(jù)的精確位置，這時(shí)就需要使用絕對層次坐標(biāo)精確表達(dá)該數(shù)據(jù)的位置。

C1[A1:2,B1:3]表示：取C1中與A1第2個(gè)單元格對應(yīng)的所有B1單元格中的第3個(gè)相對應(yīng)的那個(gè)單元格

層次坐標(biāo)公式

注：A1 單元格縱向擴(kuò)展，B1 單元格跟隨 A1 單元格縱向擴(kuò)展。

動態(tài)格間運(yùn)算

概念:使用層次坐標(biāo)進(jìn)行跨行計(jì)算，跨組運(yùn)算，集合運(yùn)算等。

實(shí)例-

數(shù)據(jù)準(zhǔn)備：新建數(shù)據(jù)集ds1，數(shù)據(jù)庫查詢對話框中寫入sql查詢語句。

SELECT STRFTIME("%m",訂購日期) AS 月份,應(yīng)付金額

FROM 訂單

WHERE STRFTIME("%Y",訂購日期)="2011"

單元格操作

A1~E1單元格依次寫入字段標(biāo)題名：月份，應(yīng)付金額，比較，占比，環(huán)比。選中 A1~E1 單元格，設(shè)置標(biāo)題預(yù)定義樣式為Head類型

A2數(shù)據(jù)集中的數(shù)據(jù)列「月份」拖入到單元格中

B2數(shù)據(jù)集中的數(shù)據(jù)列「應(yīng)付金額」拖入到單元格中，并在單元格元素>數(shù)據(jù)設(shè)置中對單元格數(shù)據(jù)進(jìn)行匯總>求和

C2寫入公式B2 - B2[A2:1]，計(jì)算 B2 單元格擴(kuò)展出來的數(shù)據(jù)，每一行與第一行的差值

D2寫入公式B2 / SUM(B2[!0])，計(jì)算 B2 單元格擴(kuò)展出來的數(shù)據(jù)，每一行在總值中的占比

E2寫入公式IF(&A2 > 1, B2 / B2[A2:-1], 0)，計(jì)算 B2 單元格擴(kuò)展出來的數(shù)據(jù)，每一行與上一行的比率

實(shí)例-逐行

數(shù)據(jù)準(zhǔn)備：新建數(shù)據(jù)集ds2，數(shù)據(jù)庫查詢對話框中寫入sql查詢語句。

SELECT STRFTIME("%Y",訂購日期) AS 年份,STRFTIME("%m",訂購日期) AS 月份,應(yīng)付金額

FROM 訂單

WHERE STRFTIME("%Y",訂購日期) IN ("2010","2011")

主子報(bào)表

數(shù)據(jù)鉆取

展示效果：

解決方案，可以使用超級鏈接功能，便捷的實(shí)現(xiàn)了數(shù)據(jù)鉆取。

主子報(bào)表

**示例：**我們接著自定義報(bào)表的類型文件，進(jìn)行進(jìn)一步的學(xué)習(xí)，

并且雙擊A12的創(chuàng)建過濾條件，將訂單id進(jìn)行綁定。

為了不會出現(xiàn)不統(tǒng)一在一頁的現(xiàn)象，右邊屬性面板選中``單元格屬性>其他>分頁，勾選行后分頁`。

效果圖

(todo)嵌入式主子表

條件屬性

**概念：**當(dāng)單元格滿足一定的條件時(shí)，對報(bào)表的樣式做一些改變。

超級鏈接

**概念：**單元格設(shè)置超級鏈接指向另一個(gè)目標(biāo)，報(bào)表預(yù)覽時(shí)，點(diǎn)擊單元格跳向指定的目標(biāo)或?qū)崿F(xiàn)某種效果，這個(gè)目標(biāo)可以是另一種報(bào)表，一個(gè)網(wǎng)頁，一張圖片，一個(gè)電子郵件地址，一個(gè)文件甚至是一個(gè)應(yīng)用程序等等。

commont超級鏈接的類型有八種，分別是：

網(wǎng)絡(luò)報(bào)表郵件網(wǎng)頁鏈接動態(tài)參數(shù)JavaScript 腳本圖表超鏈-懸浮框圖表圖表超鏈-聯(lián)動單元格圖表超鏈-聯(lián)動懸浮元素

報(bào)表設(shè)計(jì)進(jìn)階

分欄

分欄限制

凍結(jié)后分頁失效隱藏行列出現(xiàn)問題不支持填報(bào)和數(shù)據(jù)分析預(yù)覽不支持自適應(yīng)

圖表

柱形圖

??出現(xiàn)的問題？

分類與系列為同一字段會發(fā)生什么？

如果使用一般的柱形圖的話，會出現(xiàn)偏移現(xiàn)象?？梢赃x中為空的解決，但是會出現(xiàn)展示樣式不好。

我們可以選擇堆積柱形圖來解決這個(gè)問題。

分類系列為空？

分類為空不顯示該分類必須是該分類下的值全部為空。

系列為空與分類為空的一致

動態(tài)自定義最大值

當(dāng)y軸數(shù)值相差較大時(shí)如何顯示？

可以考慮使用對數(shù)

軸逆序

自定義標(biāo)簽格式

系列顏色

餅圖

需求一：需要展示環(huán)形

折線圖

如果系列名與分類名相同的話，分類名必須存在，系列名可以沒有。

地圖

性能優(yōu)化

分頁預(yù)覽

sql取數(shù)慢，數(shù)據(jù)量過大空白單元格不合理，父格導(dǎo)致的笛卡爾積Excel制作的模板過多的條件屬性和表格過濾過多的公式計(jì)算，特別是sql函數(shù)插入的圖表和圖片過多。

填報(bào)預(yù)覽

控件數(shù)據(jù)字典sql過慢大量控件設(shè)置為直接顯示一次性導(dǎo)入或填報(bào)大量數(shù)據(jù)展示數(shù)據(jù)量太大，元素過多。

決策報(bào)表

過大的背景圖片

可以采用外置圖片插件，但是不支持遠(yuǎn)程控制

sql數(shù)據(jù)集過多，重復(fù)加載，數(shù)據(jù)量過大

元素過多，擴(kuò)展圖表使用過于頻繁

優(yōu)化建議

數(shù)據(jù)源 合理分析下控制需求利用數(shù)據(jù)庫或ETL工具清洗數(shù)據(jù)優(yōu)化數(shù)據(jù)集sql取數(shù)速度開啟共享數(shù)據(jù)集安裝性能插件并行取數(shù)行式引擎 模板制作 同一父格和條件屬性過濾盡量放sql中處理合理規(guī)劃模板結(jié)構(gòu)和元素使用插件設(shè)置背景圖片分頁sql 模板使用 通過參數(shù)控制數(shù)據(jù)量合理控制模板并發(fā)設(shè)置智能運(yùn)維考慮集群

致謝：

本文僅為了學(xué)習(xí)記錄，方便以后復(fù)習(xí)所用。

內(nèi)容借鑒https://help.fanruan.com/finereport/，

感謝帆軟官方。

大屏應(yīng)用

大屏上手

基礎(chǔ)

決策報(bào)表采用了畫布式操作界面，專為大屏而生，通過簡單的拖拽操作可幫助用戶構(gòu)建強(qiáng)大、全面的管理駕駛艙，在同一個(gè)頁面整合不同的企業(yè)數(shù)據(jù)，完美的展示企業(yè)的各類業(yè)務(wù)指標(biāo)，實(shí)現(xiàn)數(shù)據(jù)的多維度分析。

大屏制作準(zhǔn)備

擴(kuò)展圖表外置圖片背景表單內(nèi)報(bào)表快刷新

大屏制作流程

可視化圖表

圖文組件

動態(tài)效果

實(shí)例-排版布局

效果圖：

步驟，先創(chuàng)建一個(gè)決策報(bào)表，定義好數(shù)據(jù)集。

依次拖入各圖表，綁定數(shù)據(jù)。根據(jù)每個(gè)圖標(biāo)的像素位置，去確定頁面的排版

實(shí)例-配色

添加背景色，可以選擇body，選擇樣式中的背景，然后選中剛才下載的好的外置圖片。

發(fā)現(xiàn)，字體顯示不清晰。

接下來去修改各個(gè)圖表樣式。

完畢后：

實(shí)例-動態(tài)效果

Springboot集成

https://bbs.fanruan.com/thread-133700-1-1.html

行式報(bào)表

修改顏色，背景

篩選過濾

行式報(bào)表排序

結(jié)果集篩選

分組報(bào)表

相鄰連續(xù)

問題：如何在第二列相等的情況下也保持連續(xù)

匯總分組

動態(tài)分組

if(inarray($KaTeX parse error: Can"t use function "$" in math mode at position 20: ….select(銷售員))<=$?TOPN,$,“其他”)

獲取當(dāng)前單元格中銷售員再銷售員列中的位置，將位置大于N的銷售員更名為其他。

多數(shù)據(jù)源報(bào)表

簡單數(shù)據(jù)源表

復(fù)雜數(shù)據(jù)源表

效果：

自定義各數(shù)據(jù)集的關(guān)聯(lián)關(guān)系。

分片數(shù)據(jù)源表

聚合報(bào)表