ComponentOne Extender Controls for ASP.NET Web Forms
Wijmo Control Toolkit Extender Controls / Chart Extenders / C1LineChartExtender / C1LineChartExtender Tutorial / Step 2 of 3: Adding Data to the LineChart
In This Topic
    Step 2 of 3: Adding Data to the LineChart
    In This Topic

    In this topic you will set some of the properties to add data to the C1LineChartExtender.

    1.       Select View | Properties Window in the Visual Studio menu.

    2.       Click the drop-down list at the top of the Properties window and select Panel1_C1LineChartExtender.

    3.       Expand the Header node and enter World of Warcraft Players by Region next to the Text property.

    4.       Click the ellipsis button next to the SeriesList property. The ChartSeries Collection Editor dialog box opens.

    a.       Click Add three times to add three members.

    b.       Select a member and set the following properties for the ChartSeries:

     

    Member Label Markers-Visible Data-X-DateTimeValues Data-Y-DoubleValues
    0 North America True

    2005-07-01, 2005-08-01, 2005-10-01, 2005-12-01, 2006-03-01, 2006-12-01, 2008-01-01

    1000000, 1000000, 1100000, 1400000, 1700000, 2000000, 2500000

    1 Europe True

    2005-07-01, 2005-08-01, 2005-10-01, 2005-12-01, 2006-03-01, 2006-07-01, 2006-12-01, 2008-01-01

    1000000, 1000000, 900000, 1000000, 1000000, 1000000, 1500000, 2000000

    2 Asia True

    2005-07-01, 2005-08-01, 2005-10-01, 2005-12-01, 2006-03-01, 2006-07-01, 2006-12-01, 2008-01-01

    1500000, 2000000, 2400000, 3700000, 4000000, 4500000, 5500000

    c.        Click OK to close the ChartSeries Collection Editor.

    5.       Click the ellipsis button next to the SeriesStyles property. The ChartStyle Collection Editor dialog box opens.

    a.       Click Add three times to add three members.

    b.       Select a member and set the following properties for the ChartStyle. Note that you can use whatever colors you prefer.

     

    Member Stroke Stroke Width Opacity
    0

    #AFE500

    5 15
    1

    #959595

    5 0
    2

    #2d2d2d

    5 0

    Now run the project to see the LineChart.