In this topic you add some content to a Panel control and associate a C1ScatterChartExtender control with it to create a bubble chart.

1.       In your Web application, add a standard Panel control to the main content of  your page.

2.       Click the Panel smart tag and select Add Extender from the Panel Tasks menu.

3.       In the Extender Wizard, select C1ScatterChartExtender and click OK. A C1ScatterChartExtender control is added to the page and the TargetControlID is set to Panel1.

<cc1:C1ScatterChartExtender ID="Panel4_C1ScatterChartExtender" runat="server"

        TargetControlID="Panel4">

        <SeriesTransition Duration="2000">

        </SeriesTransition>

        <Animation Duration="2000">

        </Animation>

        <Footer Compass="South" Visible="False">

        </Footer>

        <Legend>

            <Size Height="3" Width="30">

            </Size>

        </Legend>

        <Axis>

            <Y Compass="West" Visible="False">

                <Labels TextAlign="Center">

                </Labels>

                <GridMajor Visible="True">

                </GridMajor>

            </Y>

        </Axis>

    </cc1:C1ScatterChartExtender>

In the next step you will set some of the extender properties.