iOS Framework (for Xcode Swift & Objective C)
UIChart iOS Control

The Rustemsoft UIChart control enables to create iOS apps with simple, intuitive, and visually compelling chart for complex statistical or financial analysis in different graph types that include Pie, Bar, Line, Cylinder, Area, and other chart types. You can use the UIChart control to show graphs of a small amount of data, or you can scale it to show charts of very large sets of data.
Beginning February 1, 2017 TouchControls iOS Framework includes 64-bit support, built with the iOS 8 SDK and Xcode 6.

Download demo-trial now!

TouchControls iOS Framework library from Rustemsoft LLC is Swift | Objective C software package specifically designed for Xcode developers. The library allows you to use all strengths of the Rustemsoft UIChart control without waiving the user interface elements your customers need.
UIChart gives you the flexibility to bind to any datasource that supports a mutable array NSMutableArray object interface. And with the bunch of class properties, you can configure a chart of any complexity quickly and easily in your code.

Order the TouchControls iOS Framework

Hot Queston

Read the TouchControls iOS Framework documentation

Chart objects can be positioned next to each other or overlap each other. This gives you the freedom to create custom charts. The plot area is found inside the chart, and is where the UIChart control plots the data series. It is also where axes, grid lines, hatch lines, gradient layouts, and chart items are drawn. Axis labels are always outside of the plot area, but most other elements are found within the plot area.

DataGridView Columns .NET assembly
More about DataGridViewColumns.dll
Download DataGridViewColumns.dll
Order DataGridViewColumns.dll



Each chart contains a plot area, where the Chart control plots the data series. When you change the appearance properties of the chart, it changes the appearance of the plot area.

The UIChart object contains the following major elements:
A collection of chart items. For more information, see ChartItem Class.
A collection of chart series. For more information, see ChartSeries Class.
A collection of legends. For more information, see legend Class.
A collection of legend areas. For more information, see legendArea class.
A collection of marked regions. For more information, see markedRegion class.

Also we have built Xcode sample projects that describe the concepts and techniques that you can use to build UIChart features into your apps.
Rustemsoft TouchControls Framework library contains the following Chart Types:

  • Area Chart Type
  • Stacked Area Chart Type
  • Bar Chart Type
  • Stacked Bar Chart Type
  • Cylinder Chart Type
  • Stacked Cylinder Chart Type
  • Line Chart Type
  • Pie Chart Type
  • Point Chart Type

  • Area Chart Type


    The Area chart consists of a series of data points joined by a line and where the area below the line is filled. Area charts are appropriate for visualizing data that fluctuates over a period of time and can be useful for emphasizing trends. Note: Values that don't vary too wildly work best for area charts.
    Area charts display series in the order they are added, back-to-front. The appearance for each series can be modified directly. By default the chart orientation is vertical. To create a Horizontal Area Chart set the UIChart orientation property to horizontal.

    Syntax
    OBJECTIVE-C
    UIChart *chart = [[UIChart alloc] init];
    chart.chartType = area;

    SWIFT
    var chart = UIChart()
    chart.chartType = chartTypes.area

    Example

    The following code example creates a UIChart object as Area and adds it to the app's main view (ViewController) layout.

    OBJECTIVE-C
    - (void)viewDidLoad
    {
    [super viewDidLoad];
    // Create UIChart object
    UIChart *chrt = [[UIChart alloc] initWithFrame:CGRectMake(10, 40, 540, 290)];
    chrt.delegate = self;

    // Specify chart type
    chrt.chartType = area;

    // Define chart's colors
    chrt.backgroundColor = [UIColor colorWithRed:0.01 green:0.01 blue:0.5 alpha:0.1];
    chrt.foregroundColor = [UIColor colorWithRed:0.9 green:0.9 blue:1 alpha:1];
    chrt.orientation = swhOrientation.isOn ? vertical : horizontal;

    // Add UIChart object into app's main view layout
    [self.view addSubview:chrt];

    }

    SWIFT
    override func viewDidLoad()
    {
    super.viewDidLoad()
    // Create UIChart object
    chrt = UIChart(frame: CGRect(x: 10, y: 40, width: self.view.frame.size.width - 40, height: self.view.frame.size.height - 190))
    chrt.delegate = self

    // Specify chart type
    chrt.chartType = chartTypes.area

    // Define chart's colors
    chrt.backgroundColor = UIColor(red: 0.01, green:0.01, blue:0.5, alpha:0.1)
    chrt.foregroundColor = UIColor(red: 0.9, green:0.9, blue:1, alpha:1)
    chrt.orientation = swhOrientation.isOn ? orientations.vertical : orientations.horizontal

    // Add UIChart object into app's main view layout
    self.view.addSubview(chrt)

    }

    Please read the TouchControls iOS Framework documentation to learn more about the UIChart class provided properties and class methods.


    Stacked Area Chart Type


    The Stacked Area chart is a variation of the Area chart that display trends of the contribution of each value over time (or across categories). The areas are stacked so that each series adjoins but does not overlap the preceding series. This contrasts with the Area chart where each series overlays the preceding series.
    The appearance for each series can be modified directly. By default the chart orientation is vertical. To create a Horizontal Stacked Area Chart set the UIChart orientation property to horizontal.

    Syntax
    OBJECTIVE-C
    UIChart *chart = [[UIChart alloc] init];
    chart.chartType = areaStacked;

    SWIFT
    var chart = UIChart()
    chart.chartType = chartTypes.areaStacked

    Example

    The following code example creates a UIChart object as Stacked Area and adds it to the app's main view (ViewController) layout.

    OBJECTIVE-C
    - (void)viewDidLoad
    {
    [super viewDidLoad];
    // Create UIChart object
    UIChart *chrt = [[UIChart alloc] initWithFrame:CGRectMake(10, 40, 540, 290)];
    chrt.delegate = self;

    // Specify chart type
    chrt.chartType = areaStacked;

    // Define chart's colors
    chrt.backgroundColor = [UIColor colorWithRed:0.01 green:0.01 blue:0.5 alpha:0.1];
    chrt.foregroundColor = [UIColor colorWithRed:0.9 green:0.9 blue:1 alpha:1];
    chrt.orientation = swhOrientation.isOn ? vertical : horizontal;

    // Add UIChart object into app's main view layout
    [self.view addSubview:chrt];

    }

    SWIFT
    override func viewDidLoad()
    {
    super.viewDidLoad()
    // Create UIChart object
    chrt = UIChart(frame: CGRect(x: 10, y: 40, width: self.view.frame.size.width - 40, height: self.view.frame.size.height - 190))
    chrt.delegate = self

    // Specify chart type
    chrt.chartType = chartTypes.areaStacked

    // Define chart's colors
    chrt.backgroundColor = UIColor(red: 0.01, green:0.01, blue:0.5, alpha:0.1)
    chrt.foregroundColor = UIColor(red: 0.9, green:0.9, blue:1, alpha:1)
    chrt.orientation = swhOrientation.isOn ? orientations.vertical : orientations.horizontal

    // Add UIChart object into app's main view layout
    self.view.addSubview(chrt)

    }

    Please read the TouchControls iOS Framework documentation to learn more about the UIChart class provided properties and class methods.


    Bar Chart Type


    Bar charts graphically summarize and display categories of data and let the user easily compare amounts or values between different categories. Bar charts are useful for comparing multiple series of data (i.e. providing snapshots of data at particular points in time). In the examples above the categories are various values (High, Normal, Low) that combine to make the total for each persone. You can set code to display each series in a different color to make them easier to distinguish. By default the chart orientation is vertical. To create a Horizontal Bar Chart set the UIChart orientation property to horizontal.

    Syntax
    OBJECTIVE-C
    UIChart *chart = [[UIChart alloc] init];
    chart.chartType = bar;

    SWIFT
    var chart = UIChart()
    chart.chartType = chartTypes.bar

    Example

    The following code example creates a UIChart object as Bar and adds it to the app's main view (ViewController) layout.

    OBJECTIVE-C
    - (void)viewDidLoad
    {
    [super viewDidLoad];
    // Create UIChart object
    UIChart *chrt = [[UIChart alloc] initWithFrame:CGRectMake(10, 40, 540, 290)];
    chrt.delegate = self;

    // Specify chart type
    chrt.chartType = bar;

    // Define chart's colors
    chrt.backgroundColor = [UIColor colorWithRed:0.01 green:0.01 blue:0.5 alpha:0.1];
    chrt.foregroundColor = [UIColor colorWithRed:0.9 green:0.9 blue:1 alpha:1];
    chrt.orientation = swhOrientation.isOn ? vertical : horizontal;

    // Add UIChart object into app's main view layout
    [self.view addSubview:chrt];

    }

    SWIFT
    override func viewDidLoad()
    {
    super.viewDidLoad()
    // Create UIChart object
    chrt = UIChart(frame: CGRect(x: 10, y: 40, width: self.view.frame.size.width - 40, height: self.view.frame.size.height - 190))
    chrt.delegate = self

    // Specify chart type
    chrt.chartType = chartTypes.bar

    // Define chart's colors
    chrt.backgroundColor = UIColor(red: 0.01, green:0.01, blue:0.5, alpha:0.1)
    chrt.foregroundColor = UIColor(red: 0.9, green:0.9, blue:1, alpha:1)
    chrt.orientation = swhOrientation.isOn ? orientations.vertical : orientations.horizontal

    // Add UIChart object into app's main view layout
    self.view.addSubview(chrt)

    }

    Please read the TouchControls iOS Framework documentation to learn more about the UIChart class provided properties and class methods.


    Stacked Bar Chart Type


    Stacked bar charts are used to compare contributions of values to a total across categories. In the examples above the categories are various values (High, Normal, Low) that combine to make the total for each persone. Use the Stacked Bar chart when you need visibility to the combined values for each category. By default the chart orientation is vertical. To create a Horizontal Stacked Bar Chart set the UIChart orientation property to horizontal.

    Syntax
    OBJECTIVE-C
    UIChart *chart = [[UIChart alloc] init];
    chart.chartType = barStacked;

    SWIFT
    var chart = UIChart()
    chart.chartType = chartTypes.barStacked

    Example

    The following code example creates a UIChart object as Stacked Bar and adds it to the app's main view (ViewController) layout.

    OBJECTIVE-C
    - (void)viewDidLoad
    {
    [super viewDidLoad];
    // Create UIChart object
    UIChart *chrt = [[UIChart alloc] initWithFrame:CGRectMake(10, 40, 540, 290)];
    chrt.delegate = self;

    // Specify chart type
    chrt.chartType = barStacked;

    // Define chart's colors
    chrt.backgroundColor = [UIColor colorWithRed:0.01 green:0.01 blue:0.5 alpha:0.1];
    chrt.foregroundColor = [UIColor colorWithRed:0.9 green:0.9 blue:1 alpha:1];
    chrt.orientation = swhOrientation.isOn ? vertical : horizontal;

    // Add UIChart object into app's main view layout
    [self.view addSubview:chrt];

    }

    SWIFT
    override func viewDidLoad()
    {
    super.viewDidLoad()
    // Create UIChart object
    chrt = UIChart(frame: CGRect(x: 10, y: 40, width: self.view.frame.size.width - 40, height: self.view.frame.size.height - 190))
    chrt.delegate = self

    // Specify chart type
    chrt.chartType = chartTypes.barStacked

    // Define chart's colors
    chrt.backgroundColor = UIColor(red: 0.01, green:0.01, blue:0.5, alpha:0.1)
    chrt.foregroundColor = UIColor(red: 0.9, green:0.9, blue:1, alpha:1)
    chrt.orientation = swhOrientation.isOn ? orientations.vertical : orientations.horizontal

    // Add UIChart object into app's main view layout
    self.view.addSubview(chrt)

    }

    Please read the TouchControls iOS Framework documentation to learn more about the UIChart class provided properties and class methods.


    Cylinder Chart Type


    Cylinder chart graphically summarizes and displays categories of data and let the user easily compare amounts or values between different categories. Cylinder chart is useful for comparing multiple series of data by providing snapshots of data at particular points in time. In the examples above the categories are various values (Cooking, Backing, Eating Fresh) that combine to make the total for each apple type. You can set code to display each series in a different color to make them easier to distinguish. By default the Cylinder chart orientation is vertical. To create a Horizontal Cylinder Chart set the UIChart orientation property to horizontal.

    Syntax
    OBJECTIVE-C
    UIChart *chart = [[UIChart alloc] init];
    chart.chartType = cylinder;

    SWIFT
    var chart = UIChart()
    chart.chartType = chartTypes.cylinder

    Example

    The following code example creates a UIChart object as Cylinder and adds it to the app's main view (ViewController) layout.

    OBJECTIVE-C
    - (void)viewDidLoad
    {
    [super viewDidLoad];
    // Create UIChart object
    UIChart *chrt = [[UIChart alloc] initWithFrame:CGRectMake(10, 40, 540, 290)];
    chrt.delegate = self;

    // Specify chart type
    chrt.chartType = cylinder;

    // Define chart's colors
    chrt.backgroundColor = [UIColor colorWithRed:0.01 green:0.01 blue:0.5 alpha:0.1];
    chrt.foregroundColor = [UIColor colorWithRed:0.9 green:0.9 blue:1 alpha:1];
    chrt.orientation = swhOrientation.isOn ? vertical : horizontal;

    // Add UIChart object into app's main view layout
    [self.view addSubview:chrt];

    }

    SWIFT
    override func viewDidLoad()
    {
    super.viewDidLoad()
    // Create UIChart object
    chrt = UIChart(frame: CGRect(x: 10, y: 40, width: self.view.frame.size.width - 40, height: self.view.frame.size.height - 190))
    chrt.delegate = self

    // Specify chart type
    chrt.chartType = chartTypes.cylinder

    // Define chart's colors
    chrt.backgroundColor = UIColor(red: 0.01, green:0.01, blue:0.5, alpha:0.1)
    chrt.foregroundColor = UIColor(red: 0.9, green:0.9, blue:1, alpha:1)
    chrt.orientation = swhOrientation.isOn ? orientations.vertical : orientations.horizontal

    // Add UIChart object into app's main view layout
    self.view.addSubview(chrt)

    }

    Please read the TouchControls iOS Framework documentation to learn more about the UIChart class provided properties and class methods.


    Stacked Cylinder Chart Type


    Stacked Cylinder charts are used to compare contributions of values to a total across categories. In the examples above the categories are various values (Cooking, Backing, Eating Fresh) that combine to make the total for each apple type. Use the Stacked Cylinder chart when you need visibility to the combined values for each category. By default the chart orientation is vertical. To create a Horizontal Stacked Cylinder Chart set the UIChart orientation property to horizontal.

    Syntax
    OBJECTIVE-C
    UIChart *chart = [[UIChart alloc] init];
    chart.chartType = cylinderStacked;

    SWIFT
    var chart = UIChart()
    chart.chartType = chartTypes.cylinderStacked

    Example

    The following code example creates a UIChart object as Stacked Cylinder and adds it to the app's main view (ViewController) layout.

    OBJECTIVE-C
    - (void)viewDidLoad
    {
    [super viewDidLoad];
    // Create UIChart object
    UIChart *chrt = [[UIChart alloc] initWithFrame:CGRectMake(10, 40, 540, 290)];
    chrt.delegate = self;

    // Specify chart type
    chrt.chartType = cylinderStacked;

    // Define chart's colors
    chrt.backgroundColor = [UIColor colorWithRed:0.01 green:0.01 blue:0.5 alpha:0.1];
    chrt.foregroundColor = [UIColor colorWithRed:0.9 green:0.9 blue:1 alpha:1];
    chrt.orientation = swhOrientation.isOn ? vertical : horizontal;

    // Add UIChart object into app's main view layout
    [self.view addSubview:chrt];

    }

    SWIFT
    override func viewDidLoad()
    {
    super.viewDidLoad()
    // Create UIChart object
    chrt = UIChart(frame: CGRect(x: 10, y: 40, width: self.view.frame.size.width - 40, height: self.view.frame.size.height - 190))
    chrt.delegate = self

    // Specify chart type
    chrt.chartType = chartTypes.cylinderStacked

    // Define chart's colors
    chrt.backgroundColor = UIColor(red: 0.01, green:0.01, blue:0.5, alpha:0.1)
    chrt.foregroundColor = UIColor(red: 0.9, green:0.9, blue:1, alpha:1)
    chrt.orientation = swhOrientation.isOn ? orientations.vertical : orientations.horizontal

    // Add UIChart object into app's main view layout
    self.view.addSubview(chrt)

    }

    Please read the TouchControls iOS Framework documentation to learn more about the UIChart class provided properties and class methods.


    Line Chart Type


    Line charts are used to display a series of data points, typically to show trends over a period of time. One or more series of data can be used and the appearance for each series can be tailored to emphasize the data using unique colors, line thicknesses, shadow, gradient layout style, and point marks. You can set code to display each line in a different color to make them easier to distinguish. By default the Line chart orientation is vertical. To create a Horizontal Line Chart set the UIChart orientation property to horizontal.

    Syntax
    OBJECTIVE-C
    UIChart *chart = [[UIChart alloc] init];
    chart.chartType = line;

    SWIFT
    var chart = UIChart()
    chart.chartType = chartTypes.line

    Example

    The following code example creates a UIChart object as Line and adds it to the app's main view (ViewController) layout.

    OBJECTIVE-C
    - (void)viewDidLoad
    {
    [super viewDidLoad];
    // Create UIChart object
    UIChart *chrt = [[UIChart alloc] initWithFrame:CGRectMake(10, 40, 540, 290)];
    chrt.delegate = self;

    // Specify chart type
    chrt.chartType = line;

    // Define chart's colors
    chrt.backgroundColor = [UIColor colorWithRed:0.01 green:0.01 blue:0.5 alpha:0.1];
    chrt.foregroundColor = [UIColor colorWithRed:0.9 green:0.9 blue:1 alpha:1];
    chrt.orientation = swhOrientation.isOn ? vertical : horizontal;

    // Add UIChart object into app's main view layout
    [self.view addSubview:chrt];

    }

    SWIFT
    override func viewDidLoad()
    {
    super.viewDidLoad()
    // Create UIChart object
    chrt = UIChart(frame: CGRect(x: 10, y: 40, width: self.view.frame.size.width - 40, height: self.view.frame.size.height - 190))
    chrt.delegate = self

    // Specify chart type
    chrt.chartType = chartTypes.line

    // Define chart's colors
    chrt.backgroundColor = UIColor(red: 0.01, green:0.01, blue:0.5, alpha:0.1)
    chrt.foregroundColor = UIColor(red: 0.9, green:0.9, blue:1, alpha:1)
    chrt.orientation = swhOrientation.isOn ? orientations.vertical : orientations.horizontal

    // Add UIChart object into app's main view layout
    self.view.addSubview(chrt)

    }

    Please read the TouchControls iOS Framework documentation to learn more about the UIChart class provided properties and class methods.


    Pie Chart Type


    Pie chart is used to display the contribution of fractional parts to a whole. A Pie chart uses a single series of data. Multiple series of data can be defined and are each displayed in a separate pie chart. You can adjust the look of each pie slice individually by working with the pie chart series properties. By default the Pie chart series pie3D property set to YES. To create a 2D Pie Chart set the UIChart series pie3D property to NO.

    Syntax
    OBJECTIVE-C
    UIChart *chart = [[UIChart alloc] init];
    chart.chartType = pie;

    SWIFT
    var chart = UIChart()
    chart.chartType = chartTypes.pie

    Example

    The following code example creates a UIChart object as Pie and adds it to the app's main view (ViewController) layout.

    OBJECTIVE-C
    - (void)viewDidLoad
    {
    [super viewDidLoad];
    // Create UIChart object
    UIChart *chrt = [[UIChart alloc] initWithFrame:CGRectMake(10, 40, 540, 290)];
    chrt.delegate = self;

    // Specify chart type
    chrt.chartType = pie;

    // Define chart's colors
    chrt.backgroundColor = [UIColor colorWithRed:0.01 green:0.01 blue:0.5 alpha:0.1];
    chrt.foregroundColor = [UIColor colorWithRed:0.9 green:0.9 blue:1 alpha:1];
    chrt.orientation = swhOrientation.isOn ? vertical : horizontal;

    // Add UIChart object into app's main view layout
    [self.view addSubview:chrt];

    }

    SWIFT
    override func viewDidLoad()
    {
    super.viewDidLoad()
    // Create UIChart object
    chrt = UIChart(frame: CGRect(x: 10, y: 40, width: self.view.frame.size.width - 40, height: self.view.frame.size.height - 190))
    chrt.delegate = self

    // Specify chart type
    chrt.chartType = chartTypes.pie

    // Define chart's colors
    chrt.backgroundColor = UIColor(red: 0.01, green:0.01, blue:0.5, alpha:0.1)
    chrt.foregroundColor = UIColor(red: 0.9, green:0.9, blue:1, alpha:1)
    chrt.orientation = swhOrientation.isOn ? orientations.vertical : orientations.horizontal

    // Add UIChart object into app's main view layout
    self.view.addSubview(chrt)

    }

    Please read the TouchControls iOS Framework documentation to learn more about the UIChart class provided properties and class methods.


    Point Chart Type


    Point chart is used to show correlations between several sets of values. The point chart lets user observe the dependence of one value to another and is often used for scientific data modeling. The Point chart is usually not used with time dependent data where a Line chart is more suited. To change the view of any particular point use the chart item's properties. By default the Point chart orientation is vertical. To create a Horizontal Point Chart set the UIChart orientation property to horizontal.

    Syntax

    OBJECTIVE-C

    UIChart *chart = [[UIChart alloc] init];
    chart.chartType = point;

    SWIFT
    var chart = UIChart()
    chart.chartType = chartTypes.point

    Example

    The following code example creates a UIChart object as Point and adds it to the app's main view (ViewController) layout.

    OBJECTIVE-C
    - (void)viewDidLoad
    {
    [super viewDidLoad];
    // Create UIChart object
    UIChart *chrt = [[UIChart alloc] initWithFrame:CGRectMake(10, 40, 540, 290)];
    chrt.delegate = self;

    // Specify chart type
    chrt.chartType = point;

    // Define chart's colors
    chrt.backgroundColor = [UIColor colorWithRed:0.01 green:0.01 blue:0.5 alpha:0.1];
    chrt.foregroundColor = [UIColor colorWithRed:0.9 green:0.9 blue:1 alpha:1];
    chrt.orientation = swhOrientation.isOn ? vertical : horizontal;

    // Add UIChart object into app's main view layout
    [self.view addSubview:chrt];

    }

    SWIFT
    override func viewDidLoad()
    {
    super.viewDidLoad()
    // Create UIChart object
    chrt = UIChart(frame: CGRect(x: 10, y: 40, width: self.view.frame.size.width - 40, height: self.view.frame.size.height - 190))
    chrt.delegate = self

    // Specify chart type
    chrt.chartType = chartTypes.point

    // Define chart's colors
    chrt.backgroundColor = UIColor(red: 0.01, green:0.01, blue:0.5, alpha:0.1)
    chrt.foregroundColor = UIColor(red: 0.9, green:0.9, blue:1, alpha:1)
    chrt.orientation = swhOrientation.isOn ? orientations.vertical : orientations.horizontal

    // Add UIChart object into app's main view layout
    self.view.addSubview(chrt)

    }

    Please read the TouchControls iOS Framework documentation to learn more about the UIChart class provided properties and class methods.



    Add TouchControls library to your Xcode project

    Suppose you are building a project using Xcode, and you decide that you want to start consuming Rustemsoft TouchControls library for a UIChart control and/or UIDataGrid control on your iPhone/iPad app. The first step that you will generally take is you will add a reference to the TouchControls library, which is residing in some directory on your Mac hard drive. Xcode will then add a new item in Project Navigator, and it will create a row node called 'TouchControls.framework'.
    In order to add the Rustemsoft TouchControls library please follow the steps:

    1. In the Project Navigator, select your project.

    2. Select your target.

    3. Select the "General" tab.

    4. Open "Embedded Binaries" expander.

    5. Click the + button.

    6. Select the TouchControls framework.

    The reference to the Rustemsoft TouchControls Swift/Objective-C library is a requirement and must be added to a project before the classes and objects in the library can be used.

    Download the Rustemsoft TouchControls library code samplesfor Swift & Objective C that show how you can use the RustemSoft UIChart control in your Xcode project.

    About Rustemsoft

    Rustemsoft works on things that matter. Rustemsoft LLC is a creative ISV (Independent Software Vendor) specializes in intelligent software solutions for Xcode programmers, XML designers, and .NET developers. The smart people and the smart technologies taking on the complex tasks. Not just imagining. Doing. Rustemsoft works.

    Copyright © 2001-2017 Rustemsoft LLC

    Skater .NET Obfuscator

    TouchControls iOS Framework

    XMLFox

    Home

    Products

    Downloads

    Articles

    Company

    Support