教程:创建基本图表

此教程演示如何向 Windows 窗体或 Web 应用程序添加图表控件,然后向图表添加数据、标题、图例和批注。

添加图表控件

执行下面的步骤将图表控件添加到 Web 应用程序的 Windows 窗体中。

向应用程序添加图表控件

  1. 在设计视图中打开**“工具箱”**。

  2. 从**“数据”**类别中,将图表控件拖到设计区域。

    如果在**“工具箱”中看不到图表控件,请右键单击“工具箱”,选择“选择项”,然后在“.NET Framekwork 组件”**选项卡中选择以下命名空间:

    备注

    若要更轻松地在“工具箱”中查找该图表控件,请隐藏不活动的控件。为此,请右键单击“工具箱”,然后清除“全部显示”项。

  3. 右键单击设计区域中的该图表控件,然后选择**“属性”**。

  4. 在**“属性”窗口中单击“按分类顺序”**按钮。

  5. 在**“属性”窗口的“图表”类别中,单击“ChartAreas”集合属性,然后单击省略号按钮 (…**)。这将打开 ChartAreas 集合编辑器。

    ChartAreas 集合(ChartAreaCollection 对象)包含图表控件中的所有图表区。请注意该集合已包含名为“ChartArea1”的图表区。

  6. 单击**“添加”,再单击“确定”**。将具有默认名称“ChartArea2”的新 ChartArea 对象添加到该集合。

    请注意设计区域中的图表缩小到原始大小的一半。这是因为新创建的图表区放置在底部,但是尚未包含数据系列。

  7. 在**“属性”窗口中,单击“序列”**集合,然后单击省略号按钮。这将打开序列集合编辑器。

    序列集合(SeriesCollection 对象)包含图表控件中的所有数据序列。请注意该集合已包含名为“Series1”的序列。

  8. 在序列集合编辑器中,单击**“添加”**,然后使用新创建的 Series 对象设置以下属性:

    属性

    ChartArea

    ChartArea2

    ChartType

    Bar

    Name

    BarChart

  9. 单击**“确定”,然后再次单击“确定”**。

    现在已有一些图表区,每个图表区包含一个数据序列。但是,在您运行应用程序时看不到任何内容,因为序列还不包含任何数据。

向图表添加数据

按照下面的步骤将数据添加到您刚创建的图表控件。

向图表添加数据

  1. 再次打开序列集合编辑器。

  2. 在**“成员”区域中,选择“Series1”**。

  3. 在 Series1 属性区域的**“数据”**类别中,单击“点”集合属性,然后单击省略号按钮。这将打开 DataPoint 集合编辑器。

    点集合(DataPointCollection 对象)包含当前序列中的所有数据点

  4. 在 DataPoint 集合编辑器中,单击**“添加”,然后为新创建的 DataPoint 对象中的“YValues”**属性赋值。

    重复此步骤,直到在集合中具有五个数据点。

  5. 单击**“确定”**,然后重复以前的步骤将数据点添加到 BarChart 序列。

  6. 在序列集合编辑器中,单击**“确定”**。

  7. 运行您的应用程序。

    现在可以在图表控件中看到两个图表区,其中显示您刚在两个序列中创建的数据点。请注意这两个序列的图表类型不同。

向图表添加图例

按照下面的步骤为刚创建的每个序列添加图例。

为每个序列添加图例

  1. 在**“属性”窗口的“图表”类别中,单击“图例”集合属性,然后单击右侧的“…”**按钮。这将打开图例集合编辑器。

    图例集合(LegendCollection 对象)包含图表控件中的所有图例

  2. 如果图例集合编辑器中没有图例,请单击**“添加”**。

  3. 使用 Legend 对象设置以下属性:

    属性

    DockedToChartArea

    ChartArea1

    Docking

    Right

    IsDockedInsideChartArea

    False

  4. 再次单击**“添加”**,然后使用新创建的 Legend 对象设置以下属性:

    属性

    DockedToChartArea

    ChartArea2

    Docking

    Right

  5. 单击**“确定”**。

    请注意,在设计区域中第二个图例显示为空。默认情况下,将两个序列都分配给第一个图例。可以将每个序列分配给不同的图例。

  6. 再次打开序列集合编辑器。

  7. 在“成员”区域中,选择**“BarChart”**。

  8. 在 BarChart 属性区域的**“图例”类别中,从 Legend 属性的下拉列表中选择“Legend2”**。

  9. 单击**“确定”**。

  10. 运行您的应用程序。

向图表添加标题

按照下面的步骤将标题添加到您的图表。

向图表添加标题

  1. 在**“属性”窗口的“图表”类别中,单击“标题”**集合属性,然后单击省略号按钮。这将打开标题集合编辑器。

    标题集合(TitleCollection 对象)包含图表控件中的所有标题

  2. 在标题集合编辑器中,单击**“确定”**。

  3. 在 Title1 属性区域的**“外观”**类别中,在 Text 属性中键入图表标题。

  4. 单击**“确定”**。

  5. 运行您的应用程序。

使用批注标记数据点

按照下面的步骤使用批注标记图表上的数据点。

使用批注标记数据点

  1. 在**“属性”窗口的“图表”类别中,单击“批注”**集合属性,然后单击省略号按钮。这将打开批注集合编辑器。

    批注集合(AnnotationCollection 对象)包含图表控件中的所有批注

  2. 在批注集合编辑器中,单击**“添加”箭头并选择“ArrowAnnotation”**。

  3. 在 ArrowAnnotation1 属性区域的**“定位点”类别中,单击“AnchorDataPoint”**箭头,然后选择 Series1 中的第一个数据点。

  4. 使用新创建的 Legend 对象设置以下属性:

    属性

    Height

    -5

    Width

    0

    AnchorOffSetY

    -2.5

  5. 在**“杂项”类别中,展开“SmartLabelStyle”属性并将其“IsOverlappedHidden”属性设置为“False”**。

  6. 单击**“确定”**。

  7. 运行您的应用程序。

下一步

您现在了解了如何向 Windows 窗体或 Web 应用程序添加图表控件,然后向图表添加数据、标题、图例和批注。若要了解如何使用三维图表,请参见教程:更改为三维图表

请参见

参考

System.Windows.Forms.DataVisualization.Charting

System.Web.UI.DataVisualization.Charting

其他资源

入门

使用图表控件