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

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

    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_C1CompositeChartExtender.

    3.       Expand the Header node and enter Hardware Distribution next to the Text property.

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

    a.       Click Add five times to add five new members.

    b.       Expand the Data node the first four members and enter the following values:

     

    Member Property Value
    0

    Data.X.StringValues

    Data.Y.DoubleValues

    Label

    Desktops,Notebooks,AIO,Tablets,Phones

    50, 30, 40, 70, 20

    West

    1

    Data.X.StringValues

    Data.Y.DoubleValues

    Label

    Desktops,Notebooks,AIO,Tablets,Phones

    20, 20, 30, 20, 10

    South

    2

    Data.X.StringValues

    Data.Y.DoubleValues

    Label

    Desktops,Notebooks,AIO,Tablets,Phones

    30, 40, 40, 20, 50

    East

    3

    Data.X.StringValues

    Data.Y.DoubleValues

    Label

    Desktops,Notebooks,AIO,Tablets,Phones

    30, 60, 20, 90, 50

    North

     

    c.        For Member 4 (the fifth member), click the ellipsis button next to the PieSeriesList option. We will use this to create a pie chart.

    d.       Set the Type property to Pie.

    e.        Click Add three times to add three new members in the PieChartSeries Collection Editor.

    f.        Enter the following values for each property:

     

    Member Data Property Label Property Offset Property
    0 46.78 MacBook Pro 15
    1 23.18 iMac 0
    2 20.25 MacBook 0

    g.        Click OK to close the PieChartSeries Collection Editor.

    h.       Click OK to close the CompositeChartSeries Collection Editor.

    Now run the project to see the Composite chart.