使用圖表網頁組件建立圖表

套用到
SharePoint Server 2010

注意

本文適用於 Microsoft SharePoint 2010 版本。 如果你在 Microsoft 365 中使用 SharePoint，請參閱 「使用快速圖表」網頁部分。

你可以使用圖表網頁部分來建立並在頁面中顯示圖表。 圖表網頁部分用於以直觀方式呈現折線圖、長條圖及其他視圖中的資料。 圖表讓您和其他使用者能一目了然地查看績效資訊。

當你建立並新增圖表網頁部分到頁面時，通常會分幾個階段進行。 首先，你要在頁面上新增一個圖表網頁部分。 接著，你將圖表網頁部分連接到資料來源，並設定圖表以顯示資料。 最後，你也可以選擇性地更改圖表網頁部分的外觀。

本文內容

第一階段：將圖表網頁部分加入網頁部分頁面

在這個階段，你會建立或開啟一個編輯頁面，然後在頁面上新增一個空白的圖表網頁部分。

  1. 可以先建立一個頁面，或開啟現有的編輯頁面。
  2. 在功能區點選「 插入 」標籤，然後在 「網頁零件 」群組中點選 「網頁零件」。
  3. 在 分類 區塊，點選 商業資料。
  4. 在 網頁部分 ，點選 圖表網頁部分，然後點 選新增。
  5. 進入 第二階段：連接資料來源並設定圖表網頁部分。

頁面頂端

第二階段：連接資料來源並設定圖表網頁部分

在此階段，您選擇資料來源連線並設定圖表網頁部分。

注意

開始前，請確保包含圖表網頁部分的頁面處於編輯模式。

  1. 找到你想編輯的圖表網頁部分，然後點擊 「資料 & 外觀 」超文字。
  2. 在 資料連線 & 圖表外觀向導 頁面，點擊 「連接圖表至資料 」以開啟資料連線精靈。
  3. 在 「選擇資料來源 」頁面，選擇資料來源類型，然後點擊 「下一步」。 您可以從下表中描述的選項中選擇：
選項 描述
連接到另一個網頁部分 使用此選項將圖表網頁部分連接到另一個能傳送資料的網頁部分。 此類網頁零件的例子包括文件庫或聯絡人清單。
註： 請確保你想使用的網頁部分已經與圖表網頁部分在同一頁面上。
連接到清單 使用此選項將圖表網頁部分連接到同一網站集合中的清單。
連接至商業資料目錄 使用此選項將圖表網頁部分連接到Business Connectivity服務 (BCS) 元件。 BCS 可整合外部資料，包括業務線上應用程式。 BCS 建立在 Microsoft Office SharePoint Server 2007 中提供的商業資料目錄技術之上。 欲了解更多關於 BCS，請參閱 Plan for Business Connectivity Services。
連接 Excel Services 使用此選項將圖表網頁部分連結到已發布至 Excel Services 的 Excel 工作簿。

  1. 在 「連接資料來源 」頁面，選擇你想使用的資料來源，然後點擊 「下一步」。

  2. 在 檢索與篩選資料 頁面，預覽將用於圖表網頁部分的資料。

  3. 若要選擇性地設定參數以顯示部分資料，請使用以下程序：

    1. 點擊「篩選器」旁的加號 (+) ，即可展開「定義篩選參數」區塊。
    2. 使用 參數名稱 清單來選擇項目，例如資料集中的欄位。
    3. 使用 類型 清單來選擇合適的運算子類型。
    4. 使用 預設值 框來指定你想用來做篩選條件的條件。
    5. 點擊 預覽資料 以查看篩選後的資料。
    6. 對每個你想用於圖表的額外參數，重複步驟 1 到 6。

  4. 完成預覽與篩選資料後，點擊 「下一步」。

  5. 若要選擇指定資料的顯示方式，請使用 「綁定圖表與資料 」頁面。 方法是指定一欄代表 Y 欄位，另一欄代表 X 欄位。

  6. 點擊 完成 即可在其頁面查看圖表。

頁面頂端

第三階段：變更圖表網頁部分的外觀

建立圖表網頁部分後，你可以更改圖表的呈現方式。 例如，你可以選擇圖表類型並指定顯示設定，包括主題、圖表標題與圖例、軸線與格線等。

注意

開始前，請確保包含圖表網頁部分的頁面處於編輯模式。

  1. 找到你想編輯的圖表網頁部分，然後點擊 「資料 & 外觀 」超文字。

  2. 在 圖表外觀精靈頁面 & 資料連線 中，點擊 「自訂您的圖表 」以開啟圖表自訂精靈。

  3. 在 「選擇圖表類型 」頁面，請依照以下程序選擇圖表類型：

    1. 在 圖表類型分類 區塊，點擊圖表類別。
    2. 在 圖表範本 區塊，點擊圖表範本
    3. 按一下 [下一步]。

  4. 在 圖表外觀屬性 頁面，請依照以下程序選擇主題：

    1. 在 外觀 主題區塊，使用 主題 清單來選擇圖表的主題。
    2. 如果有 繪圖風格 清單，可以用它來指定你希望圖表中項目的呈現方式。 例如，如果你選擇了圓餅圖類型，就可以使用 繪圖 風格清單來指定「圓餅」外緣的顯示方式。
    3. 使用 透明度 清單來指定圖表顏色的不透明度等級。 例如，選擇 0% - 實心 以豐富色彩顯示圖表，選擇 100% - 隱 形以顯示圖表為透明 (，且不) 任何顏色。

  5. 若要選擇性地指定圖表的寬度、高度和圖片格式，請使用 「大小與格式 」區塊。

  6. 設定好圖表外觀屬性後，點擊 「下一步」。

  7. 若要選擇性地指定設定，例如圖表標題與圖例、軸與格線、資料標籤及其他屬性，請使用 圖表元素屬性 頁面。
    若要設定一個或多個圖表元素屬性，請選擇一個分頁，然後依適用) (使用以下程序：
    書名與傳說

區段 程序
標題
  1. 選擇 「顯示圖表標題 」勾選框。
  2. 在 標題 框中輸入圖表名稱。
  3. 使用 字型 清單來指定圖表標題的字型類型、大小和風格。
  4. 使用色彩清單為圖表標題文字選擇顏色。
  5. 在 位置 區塊，點擊指定你想讓圖表標題顯示的位置。
  6. 執行下列其中一個動作：
    1. 請前往 傳說 部分。
    2. 點選其他分頁，例如「 軸與格線 」分頁。
    3. 點擊 完成 即可在其頁面查看圖表。
傳說
  1. 選擇 「顯示圖例 」勾選框。
  2. 使用 圖例字型 列表來指定圖表圖例的字型類型、大小與風格。
  3. 在 標題 框中輸入圖表圖例的名稱。
  4. 使用 標題字型 清單來指定圖表圖例標題的字型類型、大小與風格。
  5. 使用顏色清單為圖表圖例標題文字選擇顏色。
  6. 若要選擇將圖表圖例疊加於圖表上，請選擇「 Dock to Chart Area 」勾選框。
  7. 使用 樣式 清單來指定你想讓圖表圖例顯示為表格、欄位，還是項目列。
  8. 在 位置 區塊，點擊指定圖表圖例要顯示的位置。
  9. 執行下列其中一個動作：
    1. 點選其他分頁，例如「 軸與格線 」分頁。
    2. 點擊 完成 即可在其頁面查看圖表。

軸線與格線

區段 程序
X 軸
O R
Y軸		 註： 根據圖表所用的圖表類型，你可能有也可能沒有設定軸線或格線的格式化功能。 例如，如果圖表以圓餅圖顯示，軸 與格線 標籤中就沒有選項。另一方面，如果圖表以條狀圖顯示，則在 「軸與格線 」分頁中有許多選項可供選擇。
  1. 在 X 軸 (或 Y 軸) 區塊中，使用 顯示軸 清單來顯示或隱藏軸。
    • 選擇 自動 或 真以 顯示軸。
    • 選擇 False 來隱藏軸。
  2. 要顯示軸的標題，請使用以下程序：
    1. 選擇 「顯示軸線標題 」勾選框。
    2. 在 標題 框中，輸入軸名稱。
    3. 使用 標題字型 清單來指定軸名稱的字型類型、大小和樣式。
    4. 使用 對齊 清單指定你想顯示軸名稱的位置。
  3. 要在軸線上顯示項目名稱，請使用以下程序：
    1. 選擇 「顯示軸標籤」 勾選框。
    2. 使用 字型 清單來指定軸標籤的字型類型、大小和風格。
    3. 使用顏色清單來選擇軸標籤的顏色。
    4. 若要選擇性地修改軸標籤的顯示方式，請使用 格式 清單。 例如，如果日期在某個軸上使用，你可以選擇特定的日期格式。
    5. 選擇反 轉 勾選框，顯示圖表 (頂部的軸標籤，而非圖表) 下方。
    6. 選擇交錯掃描（ Interlaced） 勾選框，以顯示圖表中陰影背景列。 如果圖表很大或包含大量條狀或欄位，這很有用。
  4. 要調整軸的縮放，請指定以下一個或多個軸設定選項：
    • 選擇「 從零開始 」勾選框，讓值範圍中包含零 (0) 。
    • 選擇 對數刻度 勾選框，將軸的縮放改為使用對數值而非實際值。 這在圖表涵蓋大量數值範圍，或等距數值呈指數 (增加的數字如1、10、100等時非常有用 ) 而非連續增加的線性增 (數值如1、2、3等 ) 。
    • 選擇側 邊邊距 勾選框，以便在圖表中首尾項目兩側留白。 例如，如果圖表顯示垂直條，你可以選擇側 邊邊距 勾選框，以設定圖表邊緣與第一條及末條條之間的間距。
    • 使用 最小 值框來指定軸的最小值。
    • 使用 最大 值框來指定該軸的最大值。
  5. 要在圖表中顯示格線，請使用以下程序：
    1. 選擇 「顯示主要格線 」勾選框。 主要格線在圖表中以實線灰線呈現，有助於更容易看到大致的圖表數值。
    2. 在主要格線的 區間 框中，輸入一個對應你想用來表示主要格線區間的數字。 例如，如果圖表顯示以 100 為單位，你可以輸入 100 作為區間以顯示主要網格線。
    3. 使用 勾選標記 清單來指定勾選標記是否以及如何在圖表中顯示。 沿軸線標示，方便查看圖表的近似值。
    4. 若要選擇在圖表中新增另一組格線，請選擇 「顯示次要格線 」勾選框。 次要格網線通常使用比主要格網線更短的間隔。
    5. 在次要格線的 區間 框中，輸入一個對應於你想用於次要格線區間的數字。
    6. 使用 勾選標記 清單來指定勾選標記是否以及如何在圖表中顯示。 沿軸線標示，方便查看圖表的近似值。
  6. 執行下列其中一個動作：
    1. 請前往 次要X軸 或 次要Y軸 部分。
    2. 點選其他分頁，例如「 資料標籤與標記 」分頁。
    3. 點擊 完成 即可在其頁面查看圖表。
次要 X 軸
或
次要Y軸		 次要的 X 軸通常會顯示在圖表的頂部，而次要的 Y 軸則通常顯示在圖表的右側。

註： 根據圖表所使用的圖表類型，你可能有也可能沒有顯示次軸或其格線的功能。
  1. 在 次要 X 軸 (或 次要 Y 軸) 區塊中，使用 顯示軸 列表來顯示或隱藏次軸。
    • 選擇 自動 或 真以 顯示軸。
    • 選擇 False 來隱藏軸。
  2. 要顯示次軸標題，請使用以下程序：
    1. 選擇 「顯示軸線標題 」勾選框。
    2. 在 標題 框中，輸入軸名稱。
    3. 使用 標題字型 清單來指定軸名稱的字型類型、大小和樣式。
    4. 使用 對齊 清單指定你想顯示軸名稱的位置。
  3. 要在次軸上顯示項目名稱，請使用以下程序：
    1. 選擇 「顯示軸標籤」 勾選框。
    2. 使用 字型 清單來指定軸標籤的字型類型、大小和風格。
    3. 使用顏色清單來選擇軸標籤的顏色。
    4. 若要選擇性地修改軸標籤的顯示方式，請使用 格式 清單。 例如，如果日期在某個軸上使用，你可以選擇特定的日期格式。
    5. 選擇反 轉 勾選框，顯示圖表 (頂部的軸標籤，而非圖表) 下方。
    6. 選擇交錯掃描（ Interlaced） 勾選框，以顯示圖表中陰影背景列。 如果圖表很大或包含大量條狀或欄位，這很有用。
  4. 要調整次軸的縮放，請指定以下一個或多個軸設定選項：
    • 選擇「 從零開始 」勾選框，讓值範圍中包含零 (0) 。
    • 選擇 對數刻度 勾選框，將軸的縮放改為使用對數值而非實際值。 這在圖表涵蓋大量數值範圍，或等距數值呈指數 (增加的數字如1、10、100等時非常有用 ) 而非連續增加的線性增 (數值如1、2、3等 ) 。
    • 選擇側 邊邊距 勾選框，以便在圖表中首尾項目兩側留白。 例如，如果圖表顯示垂直條，你可以選擇側 邊邊距 勾選框，以設定圖表邊緣與第一條及末條條之間的間距。
    • 使用 最小 值框來指定軸的最小值。
    • 使用 最大 值框來指定該軸的最大值。
  5. 要在圖表中顯示格線，請使用以下程序：
    1. 選擇 「顯示主要格線 」勾選框。 主要格線在圖表中以實線灰線呈現，有助於更容易看到大致的圖表數值。
    2. 在主要格線的 區間 框中，輸入一個對應你想用來表示主要格線區間的數字。 例如，如果圖表顯示以 100 為單位，你可以輸入 100 作為區間以顯示主要網格線。
    3. 使用 勾選標記 清單來指定勾選標記是否以及如何在圖表中顯示。 沿軸線標示，方便查看圖表的近似值。
    4. 若要選擇在圖表中新增另一組格線，請選擇 「顯示次要格線 」勾選框。 次要格網線通常使用比主要格網線更短的間隔。
    5. 在次要格線的 區間 框中，輸入一個對應於你想用於次要格線區間的數字。
    6. 使用 勾選標記 清單來指定勾選標記是否以及如何在圖表中顯示。 沿軸線標示，方便查看圖表的近似值。
  6. 執行下列其中一個動作：
    1. 點選其他分頁，例如「 資料標籤與標記 」分頁。
    2. 點擊 完成 即可在其頁面查看圖表。

資料標籤與標記

區段 程序
標籤
  1. 選擇 「顯示標籤」 勾選框以顯示圖表中的標籤，例如數值。
  2. 使用 標籤值 清單來選擇你想顯示的標籤類型。 例如，要顯示用於圖表的資料來源中的數值，請選擇 顯示預設值。
  3. 使用 字型 清單來指定資料標籤的字型類型、大小與樣式。
  4. 使用顏色清單來選擇資料標籤的顏色。
  5. 若要選擇性地修改資料標籤的顯示方式，請使用 格式 清單。 例如，如果圖表中使用日期，你可以選擇特定格式。
  6. 若要選擇性地在圖表中以角度顯示資料標籤，請在 標籤角度 框中輸入數字。 你輸入的數字對應你想要顯示資料標籤的順時針多少度。 例如，若要以略微向下的角度顯示資料標籤，你可以在 標籤角度 框中輸入「10」。
  7. 使用 標籤對齊 清單來指定你希望資料標籤出現在圖表的位置。 例如，若要在實際圖表值之外顯示資料標籤，請在標籤對齊列表中選擇「外部」。
  8. 執行下列其中一個動作：
    1. 請前往 資料標記 區。
    2. 點選其他分頁，例如 超連結與工具提示 分頁。
    3. 點擊 完成 即可在其頁面查看圖表。
資料標記
  1. 選擇 「顯示標記」 勾選框以在圖表中標示資料點。
  2. 使用 標記樣式 清單來選擇你想使用的標記類型。
  3. 在 標記大小 框中輸入數字，指定你想使用的資料標記) 的像素 (像素大小。
  4. 執行下列其中一個動作：
    1. 點選其他分頁，例如 超連結與工具提示 分頁。
    2. 點擊 完成 即可在其頁面查看圖表。

超連結與工具提示

區段 程序
超連結與工具提示 您可以在圖表網頁部分中為三種類型的項目新增超連結和工具提示：

  • 一個 (的圖表系列對應於條狀圖中的條)
  • 排行榜圖例
  • 圖表中的數據標籤
你可以利用超連結引導圖表使用者前往包含額外資訊的其他網站。 你可以使用提示將註解或筆記作為圖表中的額外資訊顯示。

註： 圖表使用者只有在將滑鼠移到特定圖表元素上時，才會看到工具提示和超連結。 例如，為了查看系列提示或點擊長條圖中的超連結，使用者必須將滑鼠移至圖表中的長條上方。
  1. 使用 資料系列 清單來選擇你想新增超連結或工具提示的資料系列。 若圖表僅包含一個資料系列， 資料序列 清單中僅包含 預設值。
  2. 使用 系列超連結 框指定網站地址 (網址) 網站，例如網站或團隊網站。 在圖表中，超連結會附加到系列項目，例如條狀圖中的條狀圖。
  3. 使用 系列工具提示 框輸入資訊，例如註解，當圖表使用者將滑鼠移至系列項目（如條形圖中的條狀）時會顯示。
  4. 使用 圖例超連結 框指定網站地址 (網址) 指向網站，例如網站或球隊網站。 在圖表中，超連結會附加在圖表圖例上。
  5. 使用 圖例提示 框輸入資訊，例如註解，當使用者將滑鼠移到圖例上時會顯示。
  6. 使用 標籤超連結 框指定網站地址 (網址) 網站，例如網站或團隊網站。 在圖表中，超連結會附加在圖表中的資料標籤上。
  7. 使用 標籤工具提示 框輸入資訊，例如筆記，當圖表使用者將滑鼠移到圖表中的資料標籤上時，這些資訊會顯示出來。
  8. 執行下列其中一個動作：
    1. 點選另一個分頁，例如 標題和圖例 標籤。
    2. 點擊 完成 即可在其頁面查看圖表。

頁面頂端