前一主題下一主題


教學指導 4:建立圖表

這一節提供逐步指示來協助您建置一份報告,以顯示依產品系列來組織的訂單總計。 這份報告會在圓餅圖中,以圖形方式來顯示資訊。

圖表使用範例資料庫 Classic Models 的資料。 您在安裝 BIRT 時,安裝了這個資料庫。 圖 14-1 顯示您在教學指導中建立的圖表。

圖 14-1 已完成的教學指導圖表

如果要建立這個圖表,請完成下列作業:

作業 1:設定報告設計檔案

在開始設計圖表之前,您必須先建立顯示圖表的報告設計檔案,再設定資料來源及圖表所用的資料集。 本書較前面的章節詳細討論了這些作業,其中包括建置範例報告的教學指導。 這個教學指導說明如何選取用來建置範例圓餅圖的特定資料。

  1. 利用「空白報告」範本來建立稱為 Chart.rptdesign 的新報告設計。
  2. 利用範例資料庫 Classic Models 來建置報告設計檔案的資料來源。
  3. 建置圖表的資料集。請使用下列資料集名稱:
  4. ChartData 
    
    使用下列 SQL SELECT 陳述式:
    SELECT Products.ProductLine, 
    sum(OrderDetails.QuantityOrdered) 
    FROM OrderDetails, 
    Products 
    WHERE Products.ProductCode=OrderDetails.ProductCode 
    GROUP BY Products.ProductLine 
    ORDER BY Products.ProductLine 
    
    這個陳述式會從 Products 表格的 ProductLine 直欄中取得值。 之後,它會依產品系列來分組結果,以及計算每個群組的訂購數量總計。
  5. 預覽這項查詢來驗證它傳回的資料。如果您正確建立 SELECT 陳述式,您應該會見到出現在圖 14-2 中的資料列。
  6. 圖 14-2 預覽資料集
    第一個直欄列出產品系列名稱。 第二個直欄顯示每個產品系列訂單總計。總計直欄稱為 2。
  7. 如果要將直欄重新命名成更具描述性,請選擇「輸出直欄」。2 直欄別名使用下列文字:
  8. TotalOrders 
    
    2 直欄顯示名稱使用下列文字:
    TOTALORDERS 
    
  9. 現在,您已完成報告設計檔案的設定。如果要關閉「編輯資料集」,再開啟版面編輯器,再選擇「確定」。

作業 2:將圖表加到報告中

您先利用選用區來新增圖表元素,再選取圖表類型。在這個教學指導中,您將建置圓餅圖。

  1. 選擇「選用區」,再將選用區中的圖表元素拖曳至報告,如圖 14-3 所示。
  2. 圖 14-3 將圖表元素加到報告中
    這時會出現圖表建置器「新建圖表」。 如果您有現存的圖表,視窗標題便是「編輯圖表」。 「選取圖表類型」頁面會顯示您可以建立的不同圖表類型。 每個圖表類型都包括一些子類型,它們提供了非常廣泛的可用類型。
    例如,當您第一次開啟圖表建置器時,會出現三個不同的直條圖子類型,如圖 14-4 所示。 在「選取圖表類型」中選擇不同的類型,會顯示這個圖表類型的可用子類型。 這些子類型會建立二維的圖表。 這一章稍後要學習如何利用「維度」選項來顯示更多子類型。

    圖 14-4 「選取圖表類型」,顯示直條圖子類型
  3. 在「選取圖表類型」清單中,選取「圓餅圖」。 圖表建置器會在預覽視窗中顯示圓餅圖,如圖 14-5 所示。 圓餅圖只有一個二維的子類型,因此,「子類型」區域只會有一個選項。 當您設計圖表時,預覽視窗會提供您的進度指示。 比方說,如果您變更圓餅圖扇形面的顏色,或將預設標題文字改成新標題,預覽視窗會反映您的變更。
  4. 圖 14-5 圓餅圖的二維子類型

作業 3:提供圖表的資料

在這個教學指導中,您建立了所需要的資料來源連線和資料集。 必要的話,您可以利用圖表建置器來建置新資料集,或建立修正圖表資料的過濾器或參數。 選取要用的資料集之後,您必須設定圖表所用的表示式。 每個類型的圖表都用不同的方式來使用資料。 如果是圓餅圖,您必須選取指定下列各項的資料表示式:

您可以利用不同的技術來提供圖表的資料表示法。指定要用的資料,最簡單的方法是將「資料預覽」中的直欄拖曳到欄位。您也可以輸入表示式,或利用「表示式建置器」來建立表示式。

  1. 如果要導覽至用來提供資料的頁面,請選擇「下一步」。之後,在「選取資料」中,選擇「使用資料集」。圖 14-6 顯示出現的選項。
  2. 圖 14-6 選取您建立的資料集
    這份報告檔只含有一個資料集 ChartData。 如果檔案包含多個資料集,資料集名稱會出現在下拉清單中。
    在圖表建置器的下半部中,「資料預覽」會顯示所用資料集中的某些資料。 您可以看見產品系列和訂單總計直欄。依預設,「資料預覽」會顯示六個資料列。
  3. 首先,為了決定圓餅圖顯示哪些扇形面,您會提供一個種類系列表示式。 在「資料預覽」中,請選取 PRODUCTLINE 直欄標頭,將它拖曳至「種類定義」右側的空白欄位,如圖 14-7 所示。
  4. 圖 14-7 提供一個種類系列表示式
    下列表示式會出現在「種類定義」中:
    row["PRODUCTLINE"] 
    
    在「資料預覽」中,產品系列直欄現在會著色指出圖表中使用了這個直欄。圖 14-8 顯示所選的直欄。

    圖 14-8 含所選直欄的「資料預覽」
  5. 如果要設定每個扇形面的大小,請選取 TOTALORDERS 直欄標頭,將它拖曳至「截塊大小定義」之下的空白欄位,如圖 14-9 所示。
  6. 圖 14-9 提供一個值系列表示式
    下列表示式會出現在「截塊大小定義」中:
    row["TOTALORDERS"] 
    
    在「資料預覽」中,訂單總計直欄現在會著色指出圖表使用了這個直欄。 「圖表預覽」中的影像也改成使用您指定的資料。 產品系列是圖表種類。 每個扇形面都代表一個產品系列。 訂單總計是圖表值。 每個扇形面的大小都代表這個產品種類的訂單總計。 您可以利用預覽影像來確認您提供了圖表的正確表示式。 預覽影像應該看起來如圖 14-10 所示。

    圖 14-10 「圖表預覽」影像

現在,您已完成建立基本圓餅圖的必要步驟。如果要確認圖表在報告中的外觀正確,請在預覽器中檢視它。

作業 4:檢視圖表

邊做邊測試是開發人員程序非常重要的一個面向。 在程序的不同點上檢視工作,可確保您不會因在錯誤方向上推送報告而浪費時間。 圖表建置器中的預覽影像是檢查進度的一個方法。 您也應該利用預覽器來檢視圖表在報告文件中的外觀。

  1. 如果要關閉圖表建置器,請選擇「完成」。 這時圖表元素會出現在版面編輯器中。 圖表應該會看起來類似於圖 14-11 所示。
  2. 圖 14-11 版面編輯器中的圖表元素
  3. 相對於報告頁面,圖表元素顯得較小。 如果要使圖表大一些,使資料更清晰,佔用較多報告頁面,請將圖表元素放大,增加大約 5 英吋寬 3 英吋高。 如果要將圖表放大,請選取它,再拖曳出現在圖表元素邊框的控點,如圖 14-12 所示。
  4. 圖 14-12 放大圖表元素
  5. 選擇「預覽」,將圖表顯示在預覽器中。這時圖表會如圖 14-13 所示。
  6. 圖 14-13 預覽器中的圖表

圖表使用正確的資料,但版面並不動人。 您必須修正圖表的外觀和組織來強調所需要的重點。 這個教學指導的其餘程序會協助您修改圖表。 部分變更包括建立新標題、調整資料標籤,以及移除圖例。

作業 5:更新圖表標題

目前,圖表會顯示預設標題。

  1. 選擇「版面」來返回版面編輯器,再按兩下圖表設計來開啟圖表建置器。
  2. 選擇「格式圖表」,之後,在左側清單中選擇「圖表區域」。圖 14-14 顯示圖表建置器。
  3. 圖 14-14 將標題加在圖表區域區段中
  4. 在「圖表標題」中,輸入:
  5. 依產品系列排序 
    
    這時預覽影像會顯示變更,如圖 14-15 所示。

    圖 14-15 含有新標題的圖表預覽

作業 6:細部調整圖表外觀

除了標題,圖表還包括識別每個扇形面值的標籤。 圖例識別扇形面所代表的產品系列。 圖例雖然包含有用資訊,但它會佔用圖表空間,縮減圓餅圖的大小。 您可以移除圖例,將圖例資訊加到扇形面標籤中,以不同的方式來顯示相同的資訊。 移除標籤的其他好處是,當您列印報告時,即使顏色不容易識別,圖表仍會清楚顯示哪個扇形面代表產品系列。 每個資料標籤都會顯示種類資訊(扇形面名稱)和值資訊(扇形面的訂單總數)。 例如,下列標籤識別摩托車扇形面:

摩托車:12,778 
  1. 如果要導覽至圖表建置器的圖例區段,請從左側清單中選擇「圖例」,如圖 14-16 所示。
  2. 圖 14-16 「格式圖表」的「圖例」區段
  3. 如果要開啟將從中刪除圖例的視窗,請在畫面底端中,選取「版面」。這時會出現「版面圖例」,如圖 14-17 所示。
  4. 圖 14-17 利用「版面圖例」來隱藏圖例
  5. 取消選取「可見」,再關閉視窗。變更會反映在「圖表預覽」中。這時圖表會如圖 14-18 所示。
  6. 圖 14-18 含隱藏圖例的圖表
  7. 現在,您可以將圖例資訊加到扇形面標籤中。 請導覽至值系列格式化區段,再選擇「標籤」。 這時「標籤」會顯示扇形面標籤所顯示的資料。 您也可以利用「標籤」來變更標籤格式,如輪廓或文字樣式。圖 14-19 顯示「標籤」。
  8. 圖 14-19 標籤
  9. 如果要將區段名稱加到標籤中,請確定「種類資料」會出現在「值」區域的下拉清單中,再選擇「新增」。 「種類資料」會出現在清單中的「值資料」之下,如圖 14-20 所示。
  10. 圖 14-20 將種類資料加到標籤中
  11. 當使用這項設定時,標籤會顯示扇形面值,之後,是扇形面名稱。 您想要重新排列標籤資料,使扇形面名稱出現在前面。 請選取「值資料」,再選擇「移除」,之後,在下拉清單中,再選一次「值資料」,選擇「新增」。 現在,「值資料」會出現在清單中的「種類資料」之下,如圖 14-21 所示。
  12. 圖 14-21 含重新排列之資料的標籤
    現在,標籤會依照正確順序來顯示資訊,但您仍需要變更標籤外觀。 當您在標籤中使用多個資訊類型時,不同區段之間,可以使用分隔符號。 現行分隔符號是逗點。
  13. 如果要變更分隔符號,請在「分隔符號」中,輸入冒號 (:),再輸入空格。 圖 14-22 顯示在哪裡輸入分隔符號文字。
  14. 圖 14-22 新增標籤分隔符號

  15. 由於圖表使用含有整數的資料,因此,不需要顯示小數值的數字格式。 如果要變更標籤值部分的數字格式,請在清單中選取「值資料」,再選取「編輯格式」。 您可以利用「編輯格式」來變更日期和時間或數值資料的數字格式。
  16. 選取「標準」,再將「小數位數」值設為 0。這時會出現「編輯格式」,如圖 14-23 所示。
  17. 圖 14-23 編輯格式
    選擇「確定」來關閉「編輯格式」。

  18. 如果要變更標籤文字的格式化屬性,請選擇「呼叫字型編輯器」。圖 14-24 顯示在哪裡尋找「字型編輯器」按鈕。
  19. 圖 14-24 從「標籤」開啟「字型編輯器」
    這時會出現「編輯字型」。請利用「編輯字型」來變更標籤的文字格式。
  20. 將字型改成 Tohoma,將大小改成 11,如圖 14-25 所示。之後,請選擇「確定」,關閉「標籤」。
  21. 圖 14-25 編輯字型
    將標籤連接至扇形面的引線,您可以將它們設成長度一致。圖 14-26 顯示在哪裡尋找引線設定。

    圖e 14-26 「格式圖表」的「值系列」區段
  22. 在「引線樣式」中,選取「固定長度」。將「引線大小」改成 20。
  23. 您已完成圖表的建立和格式化。如果要在版面編輯器中查看圖表元素,請選擇「完成」。之後,最後一次選擇「預覽」來預覽圖表。這時圖表看起來會如圖 14-27 所示。
  24. 圖 -127 已完成的教學指導圖表

已完成的圖表會顯示每個扇形面的種類名稱及扇形面的值。 圖表的大小和組織使您有可能迅速分析,且仍能夠提供詳細的資料。 例如,使用者可以立即看到最大的圓餅圖扇形面是「典型汽車」,有 35,582 份訂單,後面接著「老式汽車」,有 22,933 份。 這兩個汽車扇形面所有其他扇形面的組合。 其他產品系列群組(如「火車」)並不構成重要的訂單數量。


(c) Copyright Actuate Corporation 2006

前一主題下一主題