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, 2020 TouchControls iOS Framework includes 64-bit support, built with the iOS 8 SDK and Xcode 6.

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.

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.

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:

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)

}

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)

}

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)

}

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)

}

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)

}

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)

}

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)

}

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)

}

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)

}

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

Home

Products

Downloads

Articles

Company

Support