教學課程：建立基本圖表 (Chart 控制項)
此教學課程示範如何將 Chart 控制項加入至 Windows Form 或 Web 應用程式，然後將資料、標題、圖例和附註加入至圖表中。
加入 Chart 控制項
依照下列步驟，將圖表控制項加入至 Windows Form 或 Web 應用程式。
若要將 Chart 控制項加入至應用程式
在設計檢視中，開啟 [工具箱]。
在 [資料] 類別中，將圖表控制項拖曳至設計區域。
如果您在 [工具箱] 中看不到圖表控制項，請以滑鼠右鍵按一下 [工具箱]，然後選取 [選擇項目]，再於 [.NET Framekwork 元件] 索引標籤上選取下列命名空間：
注意
若要更容易從 [工具箱] 找到圖表控制項，請隱藏非作用中的控制項。若要這樣做，請以滑鼠右鍵按一下 [工具箱]，然後清除 [全部顯示] 項目。
以滑鼠右鍵按一下設計區域中的圖表控制項，然後選取 [屬性]。
在 [屬性] 視窗中，按一下 [分類] 按鈕。
在 [屬性] 視窗的 [圖表] 類別中，按一下 [ChartAreas] 集合屬性，然後按一下省略符號按鈕 (…)。這樣會開啟 [ChartAreas 集合編輯器]。
ChartAreas 集合 (ChartAreaCollection 物件) 包含圖表控制項中的所有圖表區域。請注意，集合已包含名為 "ChartArea1" 的圖表區域。
按一下 [新增]，再按一下 [確定]。新的 ChartArea 物件隨即會加入至集合，預設名稱為 "ChartArea2"。
請注意，設計區域中的圖表會縮為原始大小的一半。這是因為新建立的圖表區域會置於底部，但尚未包含資料數列。
在 [屬性] 視窗中，按一下 [Series] 集合，然後按一下省略符號按鈕。這樣會開啟 [Series 集合編輯器]。
Series 集合 (SeriesCollection 物件) 包含 Chart 控制項中的所有資料數列。請注意，集合已包含名為 "Series1" 的數列。
在 [Series 集合編輯器] 中，按一下 [加入]，然後設定新建立之 Series 物件的下列屬性：
屬性
值
ChartArea
ChartArea2
ChartType
Bar
Name
BarChart
按一下 [確定]，再按一下 [確定]。
現在有了圖表區域，而每個圖表區域又包含一個資料數列。不過，當您執行應用程式時，還看不到任何東西，因為數列尚未包含任何資料。
將資料加入到圖表中
依照下列步驟將資料加入至您剛才建立的 Chart 控制項。
若要加入資料至圖表
再次開啟 [Series 集合編輯器]。
選取 [成員] 區域中的 [Series1]。
在 Series1 屬性區域的 [資料] 類別中，按一下 [Points] 集合屬性，然後按一下省略符號按鈕。這樣會開啟 [DataPoint 集合編輯器]。
Points 集合 (DataPointCollection 物件) 包含目前數列中的所有資料點。
在 [DataPoint 集合編輯器] 中，按一下 [加入]，然後指派值給新建立之 DataPoint 物件中的 [YValues] 屬性。
重複上述步驟，直到集合中有五個資料點。
按一下 [確定]，然後重複上述步驟，將資料點加入至 [BarChart] 數列。
在 [Series 集合編輯器] 中，按一下 [確定]。
執行應用程式。
現在您會在 Chart 控制項中看到兩個圖表區域，其中顯示您剛才在兩個數列中建立的資料點。記下兩個數列的不同圖表類型。
將圖例加入到圖表中
依照下列步驟，針對您剛才建立的每個數列加入圖例。
若要為每個數列加入圖例
在 [屬性] 視窗的 [圖表] 類別中，按一下 [Legends] 集合屬性，然後按一下右側的 … 按鈕。這樣會開啟 [Legend 集合編輯器]。
Legends 集合 (LegendCollection 物件) 包含 Chart 控制項中的所有圖例。
如果 Legend 集合編輯器中還沒有圖例，請按一下 [加入]。
設定 Legend 物件的下列屬性：
屬性
值
DockedToChartArea
ChartArea1
Docking
Right
IsDockedInsideChartArea
False
再按一下 [加入]，然後設定新建立之 Legend 物件的下列屬性：
屬性
值
DockedToChartArea
ChartArea2
Docking
Right
按一下 [確定]。
請注意，在設計區域中，第二個圖例會顯示為空白。根據預設，兩個數列都會指派給第一個圖例。您可以將每個數列指定給不同的圖例。
再次開啟 [Series 集合編輯器]。
選取 [成員] 區域中的 [BarChart]。
在 BarChart 屬性區域的 [圖例] 類別中，從 [Legend] 屬性的下拉式清單選取 [Legend2]。
按一下 [確定]。
執行應用程式。
將標題加入到圖表中
依照下列步驟將標題加入到圖表中。
若要將標題加入到圖表中
在 [屬性] 視窗的 [圖表] 類別中，按一下 [Titles] 集合屬性，然後按一下省略符號按鈕。這樣會開啟 [Title 集合編輯器]。
Titles 集合 (TitleCollection 物件) 包含 Chart 控制項中的所有標題。
在 [Legend 集合編輯器] 中，按一下 [加入]。
在 Title1 屬性區域的 [外觀] 類別中，將圖表標題輸入 [Text] 屬性。
按一下 [確定]。
執行應用程式。
使用附註標示資料點
依照下列步驟使用附註標示圖表上的資料點。
若要使用附註標示資料點
在 [屬性] 視窗的 [圖表] 類別中，按一下 [Annotations] 集合屬性，然後按一下省略符號按鈕。這樣會開啟 [Annotation 集合編輯器]。
Annotations 集合 (AnnotationCollection 物件) 包含 Chart 控制項中的所有附註。
在 [Annotation 集合編輯器] 中，按一下 [加入] 箭號，然後選取 [ArrowAnnotation]。
在 ArrowAnnotation1 屬性區域的 [錨點] 類別中，按一下 [AnchorDataPoint] 箭號，然後選取 Series1 中的第一個資料點。
設定新建立之 Legend 物件的下列屬性：
屬性
值
Height
-5
Width
0
AnchorOffSetY
-2.5
在 [其他] 類別中，展開 [SmartLabelStyle] 屬性，然後將其 [IsOverlappedHidden] 屬性設定為 [False]。
按一下 [確定]。
執行應用程式。
下一個步驟
您現在已經學會如何將 Chart 控制項加入至 Windows Form 或 Web 應用程式，然後將資料、標題、圖例和附註加入至圖表中。若要學習如何使用 3D 圖表，請參閱教學課程：變更為 3D 圖表。
請參閱
參考
System.Windows.Forms.DataVisualization.Charting
System.Web.UI.DataVisualization.Charting