第 2 課：加入折線圖和走勢圖

1. 在 Business Intelligence Development Studio 中，開啟您在上一課建立的報表伺服器專案 AdventureWorks 2008R2 範例報表。

2. 開啟 Employee_Sales_Summary_2008R2 報表。

1. 選取包含參數、資料來源和資料集之相關資訊文字的矩形。

2. 按下向下鍵，將頁面上的矩形下移。報表的高度就會自動增加。

3. 必要時，請使用 [報表] 工具列上的 [顯示比例] 控制項來調整報表設計區域的檢視。

1. 在案例文字方塊下方插入 [圖表]。

2. 在 [選取圖表類型] 中，使用工具提示來選擇 [折線圖]。

3. 將圖表拖曳至報表左邊，包含切換符號的文字方塊底下。您可以使用 CTRL + 方向鍵，將圖表微調至正確的位置。

4. 確認已選取圖表，而且圖表屬性顯示在 [屬性] 窗格中。

5. 使用 SHIFT + 方向鍵，將圖表的寬度和高度擴展為大約 3.75 英吋。在 [屬性] 窗格中，展開 [大小] 確認高度和寬度。

6. 從 EmployeeSalesYearOverYear2008R2 資料集，執行以下作業：

   1. 在 [圖表資料] 窗格中，將 Sales 拖曳到 [值]。這樣會定義垂直軸。

   2. 將 Month 拖曳到 [類別目錄群組]。這樣會定義水平軸。

   3. 在 [圖表資料] 窗格中，以滑鼠右鍵按一下 Month 設定 [類別目錄群組屬性]。在 [排序] 頁面上，依照 MonthNumber 排序。這樣會控制水平軸上的排序次序。

   4. 將 Year 拖曳到 [數列群組]。這樣會每一年加入一條線。

7. 以滑鼠右鍵按一下圖表，直到選取數列為止，然後開啟 [數列屬性]。

8. 在 [框線] 頁面上，執行下列動作：

   1. 將 [線條樣式] 設定為 [實線]。

   2. 將 [線條寬度] 設定為 2pt。

系統會自動從預設調色盤指派線條色彩。指派的色彩是以數列群組的排序次序為基礎。

1. 將圖表標題變更為年度銷售比較。

2. 將數列圖例的位置變更到水平軸底下。

3. 刪除 [水平軸標題]。

4. 將垂直軸標題變更為單位：千。

5. 開啟 [垂直軸屬性]。執行下列動作：

   1. 在 [數字] 頁面的 [類別目錄] 中，按一下 [貨幣]。

   2. 將 [小數位數] 設定為 0。

   3. 選取 [使用千分位 (, ) 符號]。

   4. 選取 [值的顯示單位]，然後選擇 [千]。

6. 開啟 [水平軸屬性]。在 [軸選項] 頁面上，執行下列動作：

   1. 在 [軸類型] 中，選取 [純量 (數字/日期)]。

   2. 將 [間隔] 變更為 1。

7. 在 [標籤] 頁面上，選取 [停用自動調整]，並將 [標籤旋轉角度 (度數)] 設定為 45。

8. 在 [數字] 頁面上，將 [類別目錄] 設定為 [日期]，並將 [類型] 設定為 *1/31/2000。

1. 在折線圖下方插入 [矩陣]。

2. 將矩陣的左邊對齊折線圖的左邊。

3. 從 EmployeeSalesYearOverYear 資料集，執行以下作業：

   1. 將 Year 拖曳到 [資料列]。

   2. 將 Sales 拖曳到 [資料]。將文字方塊格式化成 [貨幣]。

   3. 視需要設定標頭資料列的格式。

4. 選取矩陣。在 [屬性] 窗格中，將 [書籤] 設定為 MatrixwithNestedSparkline。

5. 視需要設定矩陣標頭的格式。

1. 在矩陣中，以滑鼠右鍵按一下 [銷售] 資料行，並指向 [插入資料行]，然後按一下 [群組外 - 右方]。

2. 抓取資料行控點並且擴展寬度，以便與圖表的右側對齊。

3. 以滑鼠右鍵按一下第二個資料列中的最後一個資料格，並指向 [插入]，然後按一下 [走勢圖]，再使用 [工具提示] 加入 [帶有標記的折線圖]。

4. 若要設定走勢圖，請執行以下作業：

   1. 從 EmployeeSalesYearOverYear 資料集，將 Sales 拖曳到 [值]。

   2. 將 Month 拖曳到 [類別目錄群組]。

   3. 以滑鼠右鍵按一下 Month 開啟 [類別目錄群組屬性] 對話方塊。

   4. 在 [一般] 頁面的 [將群組同步處理於] 中，選取 Tablix1。每個走勢圖的類別目錄軸都會根據矩陣中的所有群組資料 (而非獨立根據每個資料列的群組資料) 使用相同的最小值和最大值。

   5. 在 [排序] 頁面上，將 [排序依據] 運算式設定為 [MonthNumber]。

若為巢狀走勢圖，範圍內只有一個數列群組，因此每個線條的色彩都是以預設調色盤的第一個色彩為基礎。

在下一個步驟中，您會加入自訂程式碼，以便根據群組運算式控制指派給數列群組的色彩順序。如此一來，在折線圖和走勢圖中，每年的線條都具有相同的色彩。

1. 在 [報表] 屬性的 [程式碼] 頁面中，將下列自訂程式碼加入至報表中：

   Private colorPalette As String() = {"Blue", "Orange", "Green"}
       Private count As Integer = 0
       Private mapping As New System.Collections.Hashtable()
       Public Function GetColor(ByVal groupingValue As String) As String
          If groupingValue = Nothing Then 
             Return "Black" 
          End If
           If mapping.ContainsKey(groupingValue) Then
               Return mapping(groupingValue)
           End If
           Dim c As String = colorPalette(count Mod colorPalette.Length)
           count = count + 1
           mapping.Add(groupingValue, c)
           Return c
       End Function
   

   在此範例中，只有三年份的資料，因此只會定義三種色彩。

2. 在折線圖上，以滑鼠右鍵按一下線條，直到圖表數列顯示在 [屬性] 窗格中為止，然後按一下 [數列屬性]。

3. 在 [填滿] 頁面上的 [色彩] 中，輸入下列運算式：

   =IIF(Fields!Year.Value IS NOTHING,"Black",Code.GetColor(Fields!Year.Value))

4. 針對走勢圖重複步驟 2 和 3。

5. 預覽報表。

在折線圖和走勢圖中，每年的線條色彩都相同。

1. 以滑鼠右鍵按一下報表的 [內容]，然後指向 [插入]，再按一下 [矩形]。

2. 在 [矩形屬性] 中，將 [名稱] 變更為 rectCharts。

3. 在矩形中，加入名為 tbChartPurpose 而且包含下列文字的文字方塊：依年度比較季銷售。

4. 視需要設定格式。

5. 選取折線圖。將圖表的左上角拖曳到矩形中。矩形就會擴展成包含圖表。

6. 抓取矩形的底部控點，然後將它向下拖曳。若要選取矩形，請按一下圖表，然後按 ESC 鍵直到 [屬性] 窗格工具列顯示 Rectangle1 為選定物件為止。

7. 將矩陣的左上角拖曳到圖表下方的矩形中。

8. 將圖表和矩陣置於矩形內。

9. 在矩形的 [屬性] 窗格中，將 [書籤] 設定為 YearlySalesRectangle。

10. 將矩形移到切換文字方塊底下。

您可以使用矩形當做容器，方便您放置多個相關的報表項目。

1. 按一下 tbScenario 文字方塊，直到所有文字都顯示為止。

2. 反白顯示折線圖一詞、按一下滑鼠右鍵，然後開啟 [文字屬性] 對話方塊。

3. 在 [字型] 頁面上，將 [色彩] 設定為 [藍色]，並將 [效果] 設定為 [底線]。

4. 在 [動作] 頁面上，按一下 [移至書籤]。

5. 在 [選取書籤] 中，輸入 YearlySalesRectangle。

6. 針對走勢圖一詞重複步驟 2 到 4。

7. 在 [選取書籤] 中，輸入 MatrixwithNestedSparkline。

1. 預覽報表。

2. 驗證下列項目：

   1. 在矩形容器中，標籤、折線圖及具有巢狀走勢圖的矩陣都具有相同寬度而且彼此對齊。

   2. 折線圖和走勢圖都會顯示相同的資料。例如，2005 年的銷售只會發生在該年度的下半年。

   3. 折線圖和走勢圖上的線條色彩會依照年份顯示以下銷售資料：藍色代表 2005、橙色代表 2006，綠色代表 2007。

   4. 切換案例文字，然後按一下折線圖。報表就會跳到包含矩形與折線圖的頁面。

   5. 捲動至報表的頂端。在案例文字中，按一下走勢圖。報表就會跳到包含矩陣與巢狀走勢圖的頁面。