如何用FineReport制作一张报表(二)
2.4.2 圖表設(shè)計(jì)
圖表的作用在于可以更加直觀地表現(xiàn)數(shù)據(jù),提升用戶的報(bào)表查看體驗(yàn)。
我們?cè)谶@張報(bào)表中插入柱形圖來(lái)直觀化展示各銷(xiāo)售員每個(gè)產(chǎn)品的銷(xiāo)售總量。
1)合并 A7~D18 單元格,選擇菜單欄插入>單元格元素>插入圖表。
2)彈出圖表類(lèi)型選擇對(duì)話框,這里選擇柱形圖>柱形圖,點(diǎn)擊確定。
3)選中圖表,在右邊屬性面板選擇單元格元素>數(shù)據(jù),設(shè)置柱形圖的數(shù)據(jù)。
數(shù)據(jù)來(lái)源:單元格數(shù)據(jù)
分類(lèi)名:=B4
系列名:=C3
值:=C4
注:分類(lèi)名、系列名、值在設(shè)置的時(shí)候必須要有等號(hào),否則單元格會(huì)被作為字符串處理。
4)柱形圖是對(duì)表格中地區(qū)銷(xiāo)售概況數(shù)據(jù)的圖形化展示,所以無(wú)需再次設(shè)置標(biāo)題,我們?cè)趫D表樣式中去掉柱形圖的標(biāo)題。
選中圖表,在右邊屬性面板選擇單元格元素>樣式>標(biāo)題,不勾選標(biāo)題可見(jiàn)。
5)這里柱形圖展示的是所有銷(xiāo)售員的產(chǎn)品銷(xiāo)量統(tǒng)計(jì)信息,所以不需要對(duì)圖表所在的單元格進(jìn)行擴(kuò)展。
選擇圖表,在右邊屬性面板選擇單元格屬性>擴(kuò)展>基本,擴(kuò)展方向設(shè)置為不擴(kuò)展,左父格和上父格均設(shè)置為無(wú)。
注:原理上,此處只需設(shè)置上父格為無(wú)即可。但為了方便記憶,建議將兩個(gè)父格均設(shè)置為無(wú)。
注:原理上,此處上父格設(shè)置為無(wú)即可,但為了方便記憶,建議這種表格的兩個(gè)父格均設(shè)置為無(wú)。
6)用戶可以自定義柱形圖中系列的柱形顏色,下面我們將系列一的柱形顏色從藍(lán)色修改為紫色。
選中柱形圖,點(diǎn)擊屬性面板單元格元素>特效>條件顯示>添加條件,雙擊條件修改條件名為「系列1柱形紫色」,點(diǎn)擊條件編輯按鈕,在彈出的條件編輯對(duì)話框中,點(diǎn)擊按鈕,新增配色屬性,下拉框選擇紫色,設(shè)置普通條件「系列序號(hào)等于1」,點(diǎn)擊增加按鈕。即實(shí)現(xiàn)系列一柱形顏色的改變。
2.4.3 參數(shù)設(shè)計(jì)
參數(shù)的作用在于通過(guò)設(shè)置參數(shù),可以在參數(shù)面板中給參數(shù)添加控件,再將控件與報(bào)表數(shù)據(jù)進(jìn)行綁定,進(jìn)而實(shí)現(xiàn)根據(jù)用戶輸入的參數(shù)查詢(xún)指定的數(shù)據(jù)。
1)菜單欄選擇模板>模板參數(shù),打開(kāi)模板參數(shù)設(shè)置對(duì)話框。
2)模板參數(shù)對(duì)話框點(diǎn)擊增加按鈕,新建一個(gè)模板參數(shù),雙擊該參數(shù)將它重命名為「地區(qū)」,設(shè)置默認(rèn)值為「華東」。點(diǎn)擊確定完成模板參數(shù)的定義。
3)點(diǎn)擊參數(shù)面板的編輯按鈕,進(jìn)入?yún)?shù)面板設(shè)置界面。
4)右上角控件設(shè)置面板會(huì)顯示沒(méi)有添加控件的參數(shù),點(diǎn)擊地區(qū)或者點(diǎn)擊全部添加,將參數(shù)的默認(rèn)控件添加到參數(shù)面板。
5)點(diǎn)擊自定義控件的編輯按鈕,選擇下拉框控件類(lèi)型。
6)選中下拉框控件,在右邊的控件設(shè)置面板選擇屬性,點(diǎn)擊數(shù)據(jù)字典編輯按鈕,類(lèi)型設(shè)置為「數(shù)據(jù)庫(kù)表」,數(shù)據(jù)庫(kù)為「FRDemo」,選擇數(shù)據(jù)庫(kù)表為「銷(xiāo)量」,列名的實(shí)際值和顯示值為「地區(qū)」。
這樣就給下拉框控件綁定了數(shù)據(jù)庫(kù)銷(xiāo)量表中的地區(qū)這個(gè)字段,這個(gè)字段下有兩個(gè)地區(qū)信息,分別為華東和華北,用戶可下拉選擇華東或者華北來(lái)查詢(xún)對(duì)應(yīng)地區(qū)下的銷(xiāo)售概況信息。
7)再次點(diǎn)擊參數(shù)面板的編輯按鈕,完成參數(shù)控件的設(shè)置。
8)設(shè)置好控件后還不能實(shí)現(xiàn)根據(jù)下拉框中的參數(shù)查詢(xún)指定地區(qū)的表格和柱形圖信息。因?yàn)閿?shù)據(jù)集中的數(shù)據(jù)是將數(shù)據(jù)庫(kù)中的數(shù)據(jù)全部取出來(lái),表格的數(shù)據(jù)來(lái)源于數(shù)據(jù)集,柱形圖的數(shù)據(jù)來(lái)源于表格,所以需要給表格設(shè)置數(shù)據(jù)過(guò)濾條件,當(dāng)用戶下拉選擇地區(qū)參數(shù)點(diǎn)擊查詢(xún)時(shí),表格和柱形圖只顯示該地區(qū)的數(shù)據(jù)。
雙擊 A4 單元格,在彈出的數(shù)據(jù)列對(duì)話框中選擇過(guò)濾,添加一個(gè)普通條件,讓地區(qū)等于參數(shù)$地區(qū),點(diǎn)擊增加按鈕,點(diǎn)擊確定。即將地區(qū)單元格與參數(shù)綁定起來(lái),當(dāng)下拉框選擇地區(qū)參數(shù)查詢(xún)時(shí)只顯示該地區(qū)下的表格和圖表信息。
至此這張報(bào)表已經(jīng)制作完成,下面我們分別在 PC 端和移動(dòng)端查看報(bào)表的效果。
2.5 報(bào)表預(yù)覽
2.5.1 PC端
報(bào)表必須先保存才能預(yù)覽,點(diǎn)擊保存按鈕保存報(bào)表,點(diǎn)擊預(yù)覽按鈕,選擇分頁(yè)預(yù)覽,即可在瀏覽器中查看報(bào)表。
瀏覽器中報(bào)表效果如下圖所示:
2.5.2 移動(dòng)端
移動(dòng)端報(bào)表效果如下圖所示:
?
總結(jié)
以上是生活随笔為你收集整理的如何用FineReport制作一张报表(二)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 飞机是由塑料杆的飞鸽传书
- 下一篇: 飞鸽传书,,尼玛察部,大地一片生机