2008年7月16日 星期三

使用 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 塞值及如何部署到應用程式,
未完待續~~~

3 意見:

匿名 提到...

Hi 謝謝你的分享,很棒。

泰德 提到...

有讀者的迴響,是寫下去的動力,
會繼續努力~~~

茜茜 提到...

您好~ 我想要請問一下
我使用URI插入的圖片(用if判斷是否有圖片才輸出)
但是if如果判斷沒有圖片,雖然沒有出現圖片,但是會出現一個小X,這有辦法去掉嗎??

還有我用URI加入的圖片,在預覽的時候看的到圖片,但是在輸出成PDF或WORD檔的時候就沒有圖片了,請問我有沒有辦法把URI的圖片嵌入到我要輸出的檔案中呢??
麻煩您指教囉~~ 謝謝!!