此教程演示如何向 Windows 窗体或 Web 应用程序添加图表控件,然后向图表添加数据、标题、图例和批注。
添加图表控件
执行下面的步骤将图表控件添加到 Web 应用程序的 Windows 窗体中。
向应用程序添加图表控件
- 在设计视图中打开**“工具箱”**。 
- 从**“数据”**类别中,将图表控件拖到设计区域。 - 如果在**“工具箱”中看不到图表控件,请右键单击“工具箱”,选择“选择项”,然后在“.NET Framekwork 组件”**选项卡中选择以下命名空间: - 提示 - 若要更轻松地在“工具箱”中查找该图表控件,请隐藏不活动的控件。为此,请右键单击“工具箱”,然后清除“全部显示”项。 
- 右键单击设计区域中的该图表控件,然后选择**“属性”**。 
- 在**“属性”窗口中单击“按分类顺序”**按钮。 
- 在**“属性”窗口的“图表”类别中,单击“ChartAreas”集合属性,然后单击省略号按钮 (…**)。这将打开 ChartAreas 集合编辑器。 - ChartAreas 集合(ChartAreaCollection 对象)包含图表控件中的所有图表区。请注意该集合已包含名为“ChartArea1”的图表区。 
- 单击**“添加”,再单击“确定”**。将具有默认名称“ChartArea2”的新 ChartArea 对象添加到该集合。 - 请注意设计区域中的图表缩小到原始大小的一半。这是因为新创建的图表区放置在底部,但是尚未包含数据系列。 
- 在**“属性”窗口中,单击“序列”**集合,然后单击省略号按钮。这将打开序列集合编辑器。 - 序列集合(SeriesCollection 对象)包含图表控件中的所有数据序列。请注意该集合已包含名为“Series1”的序列。 
- 在序列集合编辑器中,单击**“添加”**,然后使用新创建的 Series 对象设置以下属性: - 属性 - 值 - ChartArea - ChartArea2 - ChartType - Bar - Name - BarChart 
- 单击**“确定”,然后再次单击“确定”**。 - 现在已有一些图表区,每个图表区包含一个数据序列。但是,在您运行应用程序时看不到任何内容,因为序列还不包含任何数据。 
向图表添加数据
按照下面的步骤将数据添加到您刚创建的图表控件。
向图表添加数据
- 再次打开序列集合编辑器。 
- 在**“成员”区域中,选择“Series1”**。 
- 在 Series1 属性区域的**“数据”**类别中,单击“点”集合属性,然后单击省略号按钮。这将打开 DataPoint 集合编辑器。 - 点集合(DataPointCollection 对象)包含当前序列中的所有数据点。 
- 在 DataPoint 集合编辑器中,单击**“添加”,然后为新创建的 DataPoint 对象中的“YValues”**属性赋值。 - 重复此步骤,直到在集合中具有五个数据点。 
- 单击**“确定”**,然后重复以前的步骤将数据点添加到 BarChart 序列。 
- 在序列集合编辑器中,单击**“确定”**。 
- 运行您的应用程序。 - 现在可以在图表控件中看到两个图表区,其中显示您刚在两个序列中创建的数据点。请注意这两个序列的图表类型不同。 
向图表添加图例
按照下面的步骤为刚创建的每个序列添加图例。
为每个序列添加图例
- 在**“属性”窗口的“图表”类别中,单击“图例”集合属性,然后单击右侧的“…”**按钮。这将打开图例集合编辑器。 - 图例集合(LegendCollection 对象)包含图表控件中的所有图例。 
- 如果图例集合编辑器中没有图例,请单击**“添加”**。 
- 使用 Legend 对象设置以下属性: - 属性 - 值 - DockedToChartArea - ChartArea1 - Docking - Right - IsDockedInsideChartArea - False 
- 再次单击**“添加”**,然后使用新创建的 Legend 对象设置以下属性: - 属性 - 值 - DockedToChartArea - ChartArea2 - Docking - Right 
- 单击**“确定”**。 - 请注意,在设计区域中第二个图例显示为空。默认情况下,将两个序列都分配给第一个图例。可以将每个序列分配给不同的图例。 
- 再次打开序列集合编辑器。 
- 在“成员”区域中,选择**“BarChart”**。 
- 在 BarChart 属性区域的**“图例”类别中,从 Legend 属性的下拉列表中选择“Legend2”**。 
- 单击**“确定”**。 
- 运行您的应用程序。 
向图表添加标题
按照下面的步骤将标题添加到您的图表。
向图表添加标题
- 在**“属性”窗口的“图表”类别中,单击“标题”**集合属性,然后单击省略号按钮。这将打开标题集合编辑器。 - 标题集合(TitleCollection 对象)包含图表控件中的所有标题。 
- 在标题集合编辑器中,单击**“确定”**。 
- 在 Title1 属性区域的**“外观”**类别中,在 Text 属性中键入图表标题。 
- 单击**“确定”**。 
- 运行您的应用程序。 
使用批注标记数据点
按照下面的步骤使用批注标记图表上的数据点。
使用批注标记数据点
- 在**“属性”窗口的“图表”类别中,单击“批注”**集合属性,然后单击省略号按钮。这将打开批注集合编辑器。 - 批注集合(AnnotationCollection 对象)包含图表控件中的所有批注。 
- 在批注集合编辑器中,单击**“添加”箭头并选择“ArrowAnnotation”**。 
- 在 ArrowAnnotation1 属性区域的**“定位点”类别中,单击“AnchorDataPoint”**箭头,然后选择 Series1 中的第一个数据点。 
- 使用新创建的 Legend 对象设置以下属性: - 属性 - 值 - Height - -5 - Width - 0 - AnchorOffSetY - -2.5 
- 在**“杂项”类别中,展开“SmartLabelStyle”属性并将其“IsOverlappedHidden”属性设置为“False”**。 
- 单击**“确定”**。 
- 运行您的应用程序。 
下一步
您现在了解了如何向 Windows 窗体或 Web 应用程序添加图表控件,然后向图表添加数据、标题、图例和批注。若要了解如何使用三维图表,请参见教程:更改为三维图表。
请参阅
参考
System.Windows.Forms.DataVisualization.Charting
System.Web.UI.DataVisualization.Charting