How to: Add a Chart to a Windows Forms Application

• Nov 13, 2018
• 2 minutes to read

The following example demonstrates how to add the ChartControl to a form. Note that the Chart Control can be added to your charting application at both design time and runtime.

Design Time

By default, the ChartControl item is added to the DX.22.2: Data & Analytics toolbox tab of the VS IDE. So, to add the Chart Control to your project, simply drag the corresponding toolbox item, and drop it onto the form.

Note

While adding the ChartControl, the Chart Wizard window may be invoked (in case its “Show wizard every time a new chart is added” option is enabled). Click Cancel if you don’t want to use it, or go through its steps to customize the initial look of your chart.

Runtime

To add a Chart Control to a form at runtime, don’t forget to include all necessary assemblies to the References list of your project.

C#

using System.Drawing;
using System.Windows.Forms;
using DevExpress.XtraCharts;
// ...

private void OnButtonClick(object sender, System.EventArgs e) {
    // Create a new Chart control.
    ChartControl chart = new ChartControl();

    // Set the chart's location.
    chart.Location = new Point(10, 10);

    // Perform any other initialization here.
    // ...
    // ...

    // Add the chart to the Form.
    this.Controls.AddRange(new Control[] {chart});
}

VB.NET

Imports System.Drawing
Imports System.Windows.Forms
Imports DevExpress.XtraCharts
' ...

Private Sub OnButtonClick(sender As Object, e As System.EventArgs) _
Handles Button1.Click
    ' Create a new Chart control.
    Dim chart As New ChartControl()

    ' Set the chart's location.
    chart.Location = New Point(10, 10)

    ' Perform any other initialization here.
    ' ...
    ' ...

    ' Add the chart to the Form.
    Me.Controls.AddRange(New Control() {chart})
End Sub