In this topic you add some content to a Panel control and associate a C1BubbleChartExtender 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 C1BubbleChartExtender and click OK. A C1BubbleChartExtender control is added to the page and the TargetControlID is set to Panel1.

<cc1:C1BubbleChartExtender ID="Panel1_C1BubbleChartExtender" runat="server"

        TargetControlID="Panel1">

        <animation duration="2000" easing="EaseOutElastic">

        </animation>

        <footer compass="South" visible="False">

        </footer>

        <axis>

            <y compass="West" visible="False">

                <labels textalign="Center">

                </labels>

                <gridmajor visible="True">

                </gridmajor>

            </y>

        </axis>

    </cc1:C1BubbleChartExtender>

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