In this topic you add some content to a Panel control and associate a C1CompositeChartExtender control with it to create a composite 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 and set its Height to 400px:

<asp:Panel ID="Panel1" runat="server" Height="400px">    

        </asp:Panel>

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

<cc1:C1CompositeChartExtender ID="Panel1_C1CompositeChartExtender"

        runat="server" TargetControlID="Panel1">

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

        </Footer>

        <Axis>

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

                <Labels TextAlign="Center">

                </Labels>

                <GridMajor Visible="True">

                </GridMajor>

            </Y>

        </Axis>

    </cc1:C1CompositeChartExtender>

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