Radial Pie Series
Send Feedback

Glossary Item Box

Topic Overview


This topic provides a conceptual overview of the Radial Pie series in the IGChartView™ control and uses a code sample to demonstrate how to add it to the chart view.

In this topic


Radial Pie series summary

The Radial Pie series uses pie slices, emanating from the center of the chart toward the data point’s coordinates. The radial pie series uses the same idea of categorizing multiple series of data points and plotting them around on a circle rather than stretching data points along a horizontal line.

Data requirements

While the IGChartView control allows for easy binding to your own data model, it is important that you supply the appropriate amount and type of data required by that series. If the data does not meet the minimum requirements of the type of series that being used, the IGChartView will appear blank.

Required – to render radial pie data, the bound data model must contain 1 numeric field.

Adding a Radial Pie Series to the IGChartView – Code Example


The code below uses the IGCategorySeriesDataSourceHelper to supply randomly generated data to a radial pie series that first gets added to the IGChartView instance, and then the IGChartView is added as a subview of the current UIView.


This code example requires the inclusion of the IGChartView framework, detail about how to add this framework can be found in the Adding the Chart Framework File topic.


In Objective-C:

    NSMutableArray *values = [[NSMutableArray alloc] init];
    for (int i = 0; i < 25; i++) {
        [values addObject:[[NSNumber alloc] initWithDouble:(arc4random() % 100)]];
    IGCategorySeriesDataSourceHelper *source = [[IGCategorySeriesDataSourceHelper alloc] init];
    source.values = values;
    IGChartView *infraChart = [[IGChartView alloc] initWithFrame:self.view.frame];
    IGCategoryAngleAxis *angleAxis = [[IGCategoryAngleAxis alloc] initWithKey:@"angleAxis"];
    IGNumericRadiusAxis *radiusAxis = [[IGNumericRadiusAxis alloc] initWithKey:@"radiusAxis"];
    radiusAxis.innerRadiusExtentScale = 0.10;
    [infraChart addAxis:angleAxis];
    [infraChart addAxis:radiusAxis];
    IGRadialPieSeries *radialPieSeries = [[IGRadialPieSeries alloc] initWithKey:@"radialPieSeries"];
    radialPieSeries.angleAxis = angleAxis;
    radialPieSeries.valueAxis = radiusAxis;
    radialPieSeries.dataSource = source;
    radialPieSeries.markerType = IGMarkerTypeNone;
    [infraChart addSeries:radialPieSeries];
    [self.view addSubview:infraChart];

In C#:

List<NSObject> data = new List<NSObject>();
Random r = new Random();
for(int i = 0;i <25; i++)
double val = r.Next() % 100;
data.Add(new NSNumber(val));

IGCategoryDateSeriesDataSourceHelper source = new IGCategoryDateSeriesDataSourceHelper();
source.Values = data.ToArray();

IGChartView chart = new IGChartView(this.View.Frame);
chart.AutoresizingMask = UIViewAutoresizing.FlexibleHeight | UIViewAutoresizing.FlexibleWidth;


IGCategoryAngleAxis angleAxis = new IGCategoryAngleAxis("angleAxis");
IGNumericRadiusAxis radiusAxis = new IGNumericRadiusAxis("radiusAxis");
chart.AddAxis(angleAxis );
chart.AddAxis(radiusAxis );

radiusAxis.InnerRadiusExtentScale = 0.10f;

IGRadialLineSeries series= new IGRadialPieSeries("series");
series.AngleAxis= angleAxis ;
series.RadiusAxis = radiusAxis ;
series.DataSource = source;


Related Content


The following topics provide additional information related to this topic.



This is a group of topics explaining the various types of Radial series supported by the IGChartView control.