Step 2: Binding FinancialChart to a Data Source

After you have added FinancialChart to the form, you need to bind the control to a valid data source.

The following code snippet demonstrates how you can bind FinancialChart to a data source and display the data from the same. You just need to enter the given code in the Form_Load event.

Visual Basic
C#

Visual Basic

Private Sub Form1_Load_1(sender As Object, e As EventArgs) Handles MyBase.Load
    ' create a data table
    Dim dt As New DataTable()

    ' add columns to the data table
    dt.Columns.Add("Date", GetType(String))
    dt.Columns.Add("Stock Price", GetType(Integer))

    ' add rows to the data table
    dt.Rows.Add("Jan 1", 190)
    dt.Rows.Add("Jan 8", 210)
    dt.Rows.Add("Jan 15", 150)
    dt.Rows.Add("Jan 22", 170)
    dt.Rows.Add("Jan 29", 220)
    dt.Rows.Add("Feb 5", 250)
    dt.Rows.Add("Feb 12", 230)
    dt.Rows.Add("Feb 26", 270)

    ' create a data series
    Dim series1 As New C1.Win.Chart.Series()

    ' add the series to the Series collection of FinancialChart
    FinancialChart1.Series.Add(series1)

    ' bind FinancialChart to the data table
    FinancialChart1.DataSource = dt

    ' bind X-axis of FinancialChart
    FinancialChart1.BindingX = "Date"

    ' bind Y-axis of FinancialChart
    FinancialChart1.Binding = "Stock Price"

    ' set the chart type
    FinancialChart1.ChartType = C1.Chart.Finance.FinancialChartType.Line
End Sub

private void Form1_Load(object sender, EventArgs e)
{
    // create a data table
    DataTable dt = new DataTable();

    // add columns to the data table
    dt.Columns.Add("Date", typeof(string));
    dt.Columns.Add("Stock Price", typeof(int));

    // add rows to the data table
    dt.Rows.Add("Jan 1", 190);
    dt.Rows.Add("Jan 8", 210);
    dt.Rows.Add("Jan 15", 150);
    dt.Rows.Add("Jan 22", 170);
    dt.Rows.Add("Jan 29", 220);
    dt.Rows.Add("Feb 5", 250);
    dt.Rows.Add("Feb 12", 230);
    dt.Rows.Add("Feb 26", 270);

    // create a data series
    C1.Win.Chart.Series series1 = new C1.Win.Chart.Series();

    // add the series to the Series collection of FinancialChart
    financialChart1.Series.Add(series1);

    // bind FinancialChart to the data table
    financialChart1.DataSource = dt;

    // bind X-axis of FinancialChart
    financialChart1.BindingX = "Date";

    // bind Y-axis of FinancialChart
    financialChart1.Binding = "Stock Price";

    // set the chart type
    financialChart1.ChartType = C1.Chart.Finance.FinancialChartType.Line;
}