ComponentOne FinancialChart for WinForms
Quick Start / Step 2: Binding FinancialChart to a Data Source
In This Topic
    Step 2: Binding FinancialChart to a Data Source
    In This Topic

    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.

    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;
    }