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)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。