使用 Eclipse BIRT 寫報表 (2)

推文

使用 Eclipse BIRT 寫報表 (2)
這篇是接續上篇，使用 Eclipse BIRT 寫報表 (1)，本篇主要是介紹統計圖表，
有些步驟會省略，有需要請參考上篇

1. 依上篇步驟 7.，建立一個空白報表檔名為 salary.rtpdesign

2. 依上篇步驟 9~12，建立 Data Source

3. 我資料庫有一個名稱為”測試”的資料表資料如下


4. 依上篇步驟 13~15，建立 Data Sets，名稱為 “公司薪資資料”

請注意 SQL語法為
select 部門,SUM(“薪資”) as 部門薪資 from 測試 GROUP BY 部門
按 Finish ，之後選 Preview Results，如下圖


我們要做各部門的薪資統計資料表
5. 如下圖，將在左邊的 Palette 的 Report Items 底下的 Grid 元件拉到編輯區
去，輸入 2 欄 2 列，按 OK



6. 再將左邊的 Chart 元件拉到編輯區的第二列第一個 cell，如下圖

Select Chart Type 我們選擇 Bar 長條圖，Output Format 選擇 JPG，如下圖

按 Next

7. 如下圖，Use Data From 選”公司薪資資料”，部門薪資及部門欄位拖拉到相
關位置如下，按 Next



8. Color by 選 Categories

在點左上角的 Series 底下的 Value (Y) Series，勾選 Show Series Labels，如下圖

在 Title 輸入顯示的文字，如下圖

按 Finish

9. 再到 Palette拉元件 Table 到編輯區的第二列第二個 cell，
輸入 3 欄 1 明細，Data Sets 選”公司薪資資料”，按 OK 如下圖

10. 在點選左上角 Data Explorer，將 Data Sets 公司薪資資料的部門及部門薪資
拉到如下圖位置


11. 在左邊編輯區的 Table 元件的，第三列第二欄按右鍵插入 Text 輸入
“總和”，如下圖

12. 第三列第三欄按右鍵插入 Data


13. 會彈出如下框框，請輸入如下，按 Expression 右邊的小按鈕


14. 請輸入 Total.sum(row[“部門薪資”])，或是你也可以選底下 Category 提供的
function，按 OK


15. 選擇第二列第一個欄位按右鍵插入 Image

會彈出入下框框，如下圖，按小按鈕

彈出如下圖，請輸入
if (row["部門薪資"]>80000) "../report/images/Up.gif";
else "../report/images/Down.gif";
按 OK ，Insert

這其實只是判斷部門薪資金額大於 80000 的話就給他一個向上的箭頭，否則就
給一個向下的箭頭，請注意你要秀的圖檔請放在目錄 ，
eclipse\plugins\org.eclipse.birt.report.viewer_2.3.0.v20080606\birt\report\images
底下

16. 在將 Grid 的第一第二欄位 Merge Cells，如下圖

然後輸入你要顯示的文字

17. 按 Preview

18. 執行後如下


19. 選 Menu 的 Run-->View Report-->In Web Viewer

20. 下一篇將介紹如何動態用 Servlet 塞值及如何部署到應用程式，
未完待續~~~