Sign in with Microsoft
Sign in or create an account.
Hello,
Select a different account.
You have multiple accounts
Choose the account you want to sign in with.

附註: 本文適用于 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. 按一下[完成] ,即可在其頁面中查看圖表。

頁面頂端

Need more help?

Want more options?

探索訂閱權益、瀏覽訓練課程、瞭解如何保護您的裝置等等。

社群可協助您詢問並回答問題、提供意見反應,以及聆聽來自具有豐富知識的專家意見。

Was this information helpful?

How satisfied are you with the translation quality?
What affected your experience?
By pressing submit, your feedback will be used to improve Microsoft products and services. Your IT admin will be able to collect this data. Privacy Statement.

Thank you for your feedback!

×