教程:创建基本图表
此教程演示如何向 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