ComponentOne Xamarin.iOS Documentation
Controls / FlexPie / Quick Start: Add data to FlexPie
In This Topic
    Quick Start: Add data to FlexPie
    In This Topic

    This section describes how to add a FlexPie control to your iOS app and add data to it. This topic consists of three steps:

    The following image shows how the FlexPie appears, after completing the steps above:

    FlexPie

    Step 1: Create a data source for FlexPie

    Add a new class to serve as the data source for FlexPie.

    C#
    Copy Code
    public class PieChartData
          {
            public string Name {get; set;}
            public double Value {get; set;}
    
            public static IEnumerable<PieChartData> DemoData()
                 {
                         List<PieChartData> result = new List<PieChartData> ();
                         string[] fruit = new string[]{"Oranges","Apples","Pears","Bananas","Pineapples" };
                         Random r = new Random ();
    
                         foreach (var f in fruit)
                         result.Add (new PieChartData { Name = f, Value = r.Next(100) * 101});
    
                         return result;
                  }
              }
    

    Back to Top

    Step 2: Add a FlexPie control

    Complete the following steps to initialize a FlexPie control in C#.

    Add FlexPie control in StoryBoard

    1. In the Solution Explorer, click Main.storyboard to open the storyboard editor.
    2. From the Toolbox under Custom Components tab, drag a FlexPie onto the ViewController.

    Initialize FlexPie control in Code

    To initialize the FlexPie control, open the ViewController file from the Solution Explorer and replace its content with the code below. This overrides the ViewDidLoad method of the View controller in order to initialize FlexPie.

    C#
    Copy Code
    public override void ViewDidLoad()
            {
                base.ViewDidLoad();
                // Perform any additional setup after loading the view, typically from a nib.
    
                pieChart = new FlexPie();
                pieChart.Binding = "Value";
                pieChart.BindingName = "Name";
                pieChart.ItemsSource = PieChartData.DemoData();
                this.Add(pieChart);
            }
    
            public override void ViewDidLayoutSubviews()
            {
                base.ViewDidLayoutSubviews();
    
                pieChart.Frame = new CGRect (this.View.Frame.X, this.View.Frame.Y,
                                         this.View.Frame.Width, this.View.Frame.Height);            
            }
    

    Back to Top

    Step 3: Run the Application

    Press F5 to run the application.

    Back to Top