Demo Swift Charts
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
Demo Swift Charts

Demo Swift Charts


This demonstration shows:

This README describes how to create the demo.

This work is thanks to the excellent Appcode iOS charts API tutorial

To learn more about iOS Charts and MPAndriod Charts, see the official sites:

If you like iOS Charts and MPAndroid Charts, please consider making a donation to the authors.


To use this demo, you can clone this repo, or you can use this README to create your own project.

If you clone this repo, then be aware that there are multiple git branches, so pick the one you want.

  • swift-4-xcode-9: Swift version 4, Xcode version 9, iOS version 11.

  • swift-3-xcode-8: Swift version 3, Xcode version 8, iOS version 10.

Create the project

Launch Xcode and create a new Xcode project.

  • Use iOS template "Single View Application" and Product Name "Demo Swift Charts".

  • Help

Add Charts to the project. We suggest using Carthage, or Cocoapods, or Swift Package Manager.

  • Carthage Cartfile for Swift 3 and Xcode 8:

    github "danielgindi/Charts" "v3.0.3"
  • Carthage Cartfile for Swift 4 and Xcode 9:

    github "danielgindi/Charts" "v3.0.4"
  • Carthage command:

    carthage build --no-skip-current && carthage archive Charts.
  • Help

Create a view

Open the view:

  • For example, edit Main.storyboardView Controller SceneView ControllerView.

  • In the right lower list of UI items, drag-and-drop a "View" item onto the storyboard.

  • Add contraints to make the the "View" item as big as you want.

Set the class:

  • Select the View.

  • Go to the Identity Inspector.

  • Edit the "Custom Class" area.

    • Class: BarChartView

    • Module: Charts

Create an outlet:

  • For example, edit Main.storyboardView Controller SceneView ControllerView.

  • Open the Assistant Editor and edit ViewController.swift.

  • Control-drag the view to the class. This creates the outlet. Name the outlet demoBarChartView.

  • At the top of the class, add import Charts

Edit the code to be like this:

import UIKit
import Charts
class ViewController: UIViewController {
  @IBOutlet weak var demoBarChartView: BarChartView!
  override func viewDidLoad() {
    demoBarChartView.noDataText = "This is the chart ready for data."
  override func didReceiveMemoryWarning() {


Run the project.

The Simulator screen shows the text "This is the chart ready for data."

If you don't see the text, then look in Xcode for any error messages, and also verify that you set the custom class correctly.

Congratulations, you're successful!


  • Package: demo_swift_charts
  • Version: 3.0.0
  • Created: 2016-04-09
  • Updated: 2017-09-22
  • License: BSD, GPL, MIT
  • Contact: Joel Parker Henderson (