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

套用到
SharePoint Server 2010

注意

本文適用於 Microsoft SharePoint 2010 版本。 如果您在 Microsoft 365 中使用 SharePoint，請參閱使用 快速圖表網頁組件。

您可以使用圖表網頁組件在頁面中建立和顯示圖表。 圖表網頁組件在折線圖、橫條圖及其他檢視中以視覺化方式呈現資料時很有用。 圖表可讓您和其他使用者快速檢視效能資訊。

當您建立圖表網頁組件並將其新增至頁面時，通常會分幾個階段進行。 首先，將圖表網頁組件新增至頁面。 接著，您將圖表網頁組件連線至資料來源，並將圖表設定為顯示資料。 最後，您可以選擇性地變更圖表網頁組件的外觀。

本文內容

階段 1：將圖表網頁組件新增至網頁組件頁面

在此階段中，您可以建立或開啟頁面進行編輯，然後將空白圖表網頁組件新增至該頁面。

  1. 首先建立頁面或開啟現有頁面進行編輯。
  2. 在功能區上，按一下 [ 插入 ] 索引標籤，然後按一下 [網頁組件 ] 群組中的 [ 網頁組件]。
  3. 在 [類別 ] 區段中，按一下 [商家資料]。
  4. 在 [網頁組件 ] 區段中，按一下 [ 圖表網頁組件]，然後按一下 [新增]。
  5. 繼續進行 階段 2：連線至資料來源並設定圖表網頁組件。

頁面頂端

階段 2：連線至資料來源並設定圖表網頁組件

在此階段中，您會選取資料來源連線並設定圖表網頁組件。

注意

開始之前，請確定包含圖表網頁組件的頁面處於編輯模式。

  1. 找出您要編輯的圖表網頁組件，然後按一下 [資料 & 外觀] 超文字。
  2. 在 [資料連線 & 圖表外觀精靈] 頁面中，按一下 [將圖表連線至資料 ] 以開啟 [資料連線精靈]。
  3. 在 [選擇資料來源 ] 頁面中，選取資料來源類型，然後按 [ 下一步]。 您可以從下表所述的選項中進行選擇：
選項 描述
連線到其他網頁組件 使用此選項可將圖表網頁組件連接到另一個能夠傳送資料的網頁組件。 這類網頁組件的範例包括文件庫或連絡人清單。
注意： 確定您要使用的網頁組件已與圖表網頁組件位於同一頁面上。
連線至清單 使用此選項可將圖表網頁組件連線至位於相同網站集合中的清單。
連線至商務資料目錄 使用此選項將圖表網頁組件連接到 Business Connectivity Services (BCS) 元件。 BCS 允許與外部資料整合，包括企業營運應用程式。 BCS 是以 Microsoft Office SharePoint Server 2007 中提供的商務資料目錄技術為基礎所建置。 若要深入了解 BCS，請參閱規劃 Business Connectivity Services。
連線到 Excel Services 使用此選項可將圖表網頁組件連線至已發佈至 Excel Services 的 Excel 活頁簿。

  1. 在 [連線至資料來源 ] 頁面中，選取您想要使用的資料來源，然後按 [下一步]。

  2. 在 [擷取和篩選資料 ] 頁面中，預覽將用於圖表網頁組件的資料。

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

    1. 按一下 篩選器 旁邊的加號 (+) 以展開 定義篩選器參數 區段。
    2. 使用 [參數名稱 ] 清單來選取項目，例如資料集中的欄。
    3. 使用 [類型 ] 清單選取適當的運算子類型。
    4. 使用 [預設值] 方塊來指定您要用於篩選的準則。
    5. 按一下 預覽 資料 以檢視篩選的資料。
    6. 針對您要用於圖表的每個其他參數，重複步驟 1-6。

  4. 完成預覽和篩選資料之後，請按一下 [下一步]。

  5. 若要選擇性地指定資料的顯示方式，請使用 [ 將圖表繫結至資料 ] 頁面。 為此，請為 Y 欄位指定一欄，為 X 欄位指定另一欄。

  6. 按一下 [完成 ] 以在其頁面中檢視圖表。

頁面頂端

階段 3：變更圖表網頁組件的外觀

建立圖表網頁組件之後，您可以變更圖表的顯示方式。 例如，您可以選取圖表類型並指定顯示設定，包括佈景主題、圖表標題和圖例、座標軸和格線等。

注意

開始之前，請確定包含圖表網頁組件的頁面處於編輯模式。

  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. 若要選擇性地在圖表上重疊圖表圖例，請選取 [ 停靠至圖表區域 ] 核取方塊。
  7. 使用 [樣式 ] 清單來指定圖表圖例是要顯示為表格、欄，還是項目列。
  8. 在 [ 位置 ] 區段中，按一下以指定圖表圖例的顯示位置。
  9. 執行下列其中一個動作：
    1. 按一下另一個索引標籤，例如 [座標軸和格線 ] 索引標籤。
    2. 按一下 [完成 ] 以在其頁面中檢視圖表。

座標軸和格線

區段 程序
X 軸
o r
Y 軸		 注意： 視圖表所使用的圖表類型而定，您可能無法格式化座標軸或其格線。 例如，如果圖表顯示為圓形圖，則 [座標軸] 和 [格線 ] 索引標籤上沒有任何選項可供使用。另一方面，如果圖表顯示為橫條圖，則 [座標軸] 和 [格線 ] 索引標籤上有許多選項可供使用。
  1. 在 [X 軸 (] 或 [Y 軸) ] 區段中，使用 [顯示座標軸 ] 清單來顯示或隱藏座標軸。
    • 選取 [ 自動 ] 或 [True ] 以顯示座標軸。
    • 選取 [False ] 以隱藏軸。
  2. 若要顯示軸的標題，請使用下列程序：
    1. 選取 [ 顯示座標軸標題 ] 核取方塊。
    2. 在 [標題 ] 方塊中，輸入軸的名稱。
    3. 請使用 [標題字型 ] 清單來指定軸名稱的字型類型、大小及樣式。
    4. 使用 [對齊 方式] 清單來指定座標軸名稱的顯示位置。
  3. 若要在軸上顯示項目名稱，請使用下列程序：
    1. 選取「 顯示座標軸標籤 」核取方塊。
    2. 使用 [字型] 清單指定座標軸標籤的字型類型、大小及樣式。
    3. 使用色彩清單來選取軸標示的色彩。
    4. 若要選擇性地修改座標軸標籤的顯示方式，請使用 [格式 ] 清單。 例如，如果在軸中使用日期，您可以選取特定的日期格式。
    5. 選取 [ 反轉 ] 核取方塊可在圖表頂端顯示座標軸標籤 (而不是圖表) 底部。
    6. 選取 [交錯] 核取方塊以在圖表中顯示陰影背景列。 如果圖表很大或包含許多長條或直條圖，這就很有用。
  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 軸) 」區段中，使用 「顯示座標軸」 清單來顯示或隱藏副軸。
    • 選取 [ 自動 ] 或 [True ] 以顯示座標軸。
    • 選取 [False ] 以隱藏軸。
  2. 若要顯示副座標軸的標題，請使用下列程序：
    1. 選取 [ 顯示座標軸標題 ] 核取方塊。
    2. 在 [標題 ] 方塊中，輸入軸的名稱。
    3. 請使用 [標題字型 ] 清單來指定軸名稱的字型類型、大小及樣式。
    4. 使用 [對齊 方式] 清單來指定座標軸名稱的顯示位置。
  3. 若要在副座標軸中顯示項目名稱，請使用下列程序：
    1. 選取「 顯示座標軸標籤 」核取方塊。
    2. 使用 [字型] 清單指定座標軸標籤的字型類型、大小及樣式。
    3. 使用色彩清單來選取軸標示的色彩。
    4. 若要選擇性地修改座標軸標籤的顯示方式，請使用 [格式 ] 清單。 例如，如果在軸中使用日期，您可以選取特定的日期格式。
    5. 選取 [ 反轉 ] 核取方塊可在圖表頂端顯示座標軸標籤 (而不是圖表) 底部。
    6. 選取 [交錯] 核取方塊以在圖表中顯示陰影背景列。 如果圖表很大或包含許多長條或直條圖，這就很有用。
  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. 使用 [ 系列超連結 ] 方塊指定網站位址 (URL) 到網站，例如網站或小組網站。 在圖表中，超連結會附加至數列項目，例如橫條圖中的橫條圖。
  3. 使用 [數列工具提示] 方塊輸入資訊，例如附註，當圖表使用者將滑鼠移到數列項目上時會顯示，例如橫條圖中的橫條圖。
  4. 使用 [圖例超連結 ] 方塊指定網站位址 (網站) URL，例如網站或小組網站。 在圖表中，超連結會附加至圖表圖例。
  5. 使用 [圖例工具提示 ] 方塊輸入資訊，例如附註，當圖表使用者將滑鼠移到圖表圖例上時將顯示。
  6. 使用 [標籤超連結 ] 方塊指定網站位址 (URL) 到網站，例如網站或小組網站。 在圖表中，超連結會附加至圖表中的資料標籤。
  7. 使用 [標籤工具提示 ] 方塊輸入資訊，例如附註，當圖表使用者將滑鼠移到圖表中的資料標籤上時會顯示這些資訊。
  8. 執行下列其中一個動作：
    1. 按一下另一個索引標籤，例如 [標題] 和 [圖例 ] 索引標籤。
    2. 按一下 [完成 ] 以在其頁面中檢視圖表。

頁面頂端