Series | ComponentOne PieChart for ASP.NET Web Forms

Series

In This Topic

The PieChartSeries object represents the data being plotted for the Pie chart. You can have one or more PieChartSeries on the C1PieChart. Each PieChartSeries is represented in a different color. The PieChartSeries can be added in design view through the PieChartSeries Collection Editor, in source view through the PieChartSeries element, or programmatically through the PieChartSeries object.

Adding a PieChartSeries in Design View:

Select the C1PieChart control and click on its smart tag.
In the C1PieChart tasks menu, select the SeriesList item and this will open the PieChartSeries Collection Editor dialog box.
Click Add to add a PieChartSeries member to the SeriesList collection.

Adding a PieChartSeries in Source View:

<cc1:C1PieChart ID="C1PieChart1" runat="server" Height="350px" 
            InnerRadius="40" Width="400px">
<SeriesTransition Duration="1000" Easing="EaseOutBounce"></SeriesTransition>
 
            <SeriesList>
                <cc1:PieChartSeries Data="46.78" HintContent="" Label="MacBook Pro" 
                    LegendEntry="True">
                </cc1:PieChartSeries>
                <cc1:PieChartSeries Data="23.18" HintContent="" Label="iMac" 
                    LegendEntry="True">
                </cc1:PieChartSeries>
                <cc1:PieChartSeries Data="20.25" HintContent="" Label="MacBook" 
                    LegendEntry="True">
                </cc1:PieChartSeries>
                <cc1:PieChartSeries Data="5.41" HintContent="" Label="Mac Pro" 
                    LegendEntry="True">
                </cc1:PieChartSeries>
                <cc1:PieChartSeries Data="3.44" HintContent="" Label="Mac mini" 
                    LegendEntry="True">
                </cc1:PieChartSeries>
            </SeriesList>
            <SeriesStyles>
                <cc1:ChartStyle>
                </cc1:ChartStyle>
            </SeriesStyles>
            <SeriesHoverStyles>
                <cc1:ChartStyle>
                </cc1:ChartStyle>
            </SeriesHoverStyles>
            <Header Text="Steam-Mac Hardware">
                <TextStyle FontSize="20" X="-10">
                    <Fill Color="Black">
                    </Fill>
                </TextStyle>
            </Header>
     <Legend Compass="South" Orientation="Horizontal"></Legend>
 
<Axis>
<Y Visible="False" Compass="West">
<Labels TextAlign="Center"></Labels>
 
<GridMajor Visible="True"></GridMajor>
</Y>
</Axis>
        </cc1:C1PieChart>