2.4.2 圖表設計

圖表的作用在于可以更加直觀地表現數據，提升用戶的報表查看體驗。

我們在這張報表中插入柱形圖來直觀化展示各銷售員每個產品的銷售總量。

1）合并 A7~D18 單元格，選擇菜單欄插入>單元格元素>插入圖表。

2）彈出圖表類型選擇對話框，這里選擇柱形圖>柱形圖，點擊確定。

3）選中圖表，在右邊屬性面板選擇單元格元素>數據，設置柱形圖的數據。

數據來源：單元格數據
分類名：=B4

系列名：=C3

值：=C4

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

4）柱形圖是對表格中地區銷售概況數據的圖形化展示，所以無需再次設置標題，我們在圖表樣式中去掉柱形圖的標題。

選中圖表，在右邊屬性面板選擇單元格元素>樣式>標題，不勾選標題可見。

5）這里柱形圖展示的是所有銷售員的產品銷量統計信息，所以不需要對圖表所在的單元格進行擴展。

選擇圖表，在右邊屬性面板選擇單元格屬性>擴展>基本，擴展方向設置為不擴展，左父格和上父格均設置為無。

注：原理上，此處只需設置上父格為無即可。但為了方便記憶，建議將兩個父格均設置為無。

注：原理上，此處上父格設置為無即可，但為了方便記憶，建議這種表格的兩個父格均設置為無。

6）用戶可以自定義柱形圖中系列的柱形顏色，下面我們將系列一的柱形顏色從藍色修改為紫色。

選中柱形圖，點擊屬性面板單元格元素>特效>條件顯示>添加條件，雙擊條件修改條件名為「系列1柱形紫色」，點擊條件編輯按鈕，在彈出的條件編輯對話框中，點擊按鈕，新增配色屬性，下拉框選擇紫色，設置普通條件「系列序號等于1」，點擊增加按鈕。即實現系列一柱形顏色的改變。

2.4.3 參數設計

參數的作用在于通過設置參數，可以在參數面板中給參數添加控件，再將控件與報表數據進行綁定，進而實現根據用戶輸入的參數查詢指定的數據。

1）菜單欄選擇模板>模板參數，打開模板參數設置對話框。

2）模板參數對話框點擊增加按鈕，新建一個模板參數，雙擊該參數將它重命名為「地區」，設置默認值為「華東」。點擊確定完成模板參數的定義。

3）點擊參數面板的編輯按鈕，進入參數面板設置界面。

4）右上角控件設置面板會顯示沒有添加控件的參數，點擊地區或者點擊全部添加，將參數的默認控件添加到參數面板。

5）點擊自定義控件的編輯按鈕，選擇下拉框控件類型。

6）選中下拉框控件，在右邊的控件設置面板選擇屬性，點擊數據字典編輯按鈕，類型設置為「數據庫表」，數據庫為「FRDemo」，選擇數據庫表為「銷量」，列名的實際值和顯示值為「地區」。

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

7）再次點擊參數面板的編輯按鈕，完成參數控件的設置。

8）設置好控件后還不能實現根據下拉框中的參數查詢指定地區的表格和柱形圖信息。因為數據集中的數據是將數據庫中的數據全部取出來，表格的數據來源于數據集，柱形圖的數據來源于表格，所以需要給表格設置數據過濾條件，當用戶下拉選擇地區參數點擊查詢時，表格和柱形圖只顯示該地區的數據。

雙擊 A4 單元格，在彈出的數據列對話框中選擇過濾，添加一個普通條件，讓地區等于參數$地區，點擊增加按鈕，點擊確定。即將地區單元格與參數綁定起來，當下拉框選擇地區參數查詢時只顯示該地區下的表格和圖表信息。

至此這張報表已經制作完成，下面我們分別在 PC 端和移動端查看報表的效果。

2.5 報表預覽

2.5.1 PC端

報表必須先保存才能預覽，點擊保存按鈕保存報表，點擊預覽按鈕，選擇分頁預覽，即可在瀏覽器中查看報表。

瀏覽器中報表效果如下圖所示：

2.5.2 移動端

移動端報表效果如下圖所示：

?

總結

以上是生活随笔為你收集整理的如何用FineReport制作一张报表（二）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。