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

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

    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_C1ScatterChartExtender.
    3. Expand the Header node and enter Sales 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 two times to add two new members.

    b.       For the first member, set the Label property to Units Sold.

    c.        For the second member, set the Label property to Unit Prices.

    d.       Expand the Data node and enter the following values next to DoubleValues.

     

    Member Property Value
    0

    X

    161.2, 167.5, 159.5, 157, 155.8, 170, 159.1, 166, 176.2, 160.2, 172.5, 170.9, 172.9, 153.4, 160, 147.2, 168.2, 175, 157, 167.6
    0

    Y

    51.6, 59, 49.2, 63, 53.6, 59, 47.6, 69.8, 66.8, 75.2, 55.2, 54.2, 62.5, 42, 50, 49.8, 49.2, 73.2, 47.8, 68.8
    1

    X

    174, 175.3, 193.5, 186.5, 187.2, 181.5, 184, 184.5, 175, 184, 180, 177.8, 192, 176, 174, 184, 192.7, 171.5, 173, 176
    1 Y

    65.6, 71.8, 80.7, 72.6, 78.8, 74.8, 86.4, 78.4, 62, 81.6, 76.6, 83.6, 90, 74.6, 71, 79.6, 93.8, 70, 72.4, 85.9

     

    e.        Click OK to close the ScatterChartSeries Collection Editor.

    Now run the project to see the scatter chart