A Simple Line Chart Library
- iOS 10.0+ / tvOS 9.0+
- Xcode 10.2.1+
Add the following line to your Podfile:
pod "MLLineChart"
$ pod install
CocoaPods
CocoaPods is a dependency manager for Cocoa projects. You can install it with the following command:
$ gem install cocoapodsTo integrate MLLineChart into your Xcode project using CocoaPods, specify it in your Podfile:
source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '10.0'
use_frameworks!
pod 'MLLineChart', '~> 2.0.5'Then, run the following command:
$ pod installCarthage
Carthage is a decentralized dependency manager that automates the process of adding frameworks to your Cocoa application.
You can install Carthage with Homebrew using the following command:
$ brew update
$ brew install carthageTo integrate MLLineChart into your Xcode project using Carthage, specify it in your Cartfile:
github "micheltlutz/MLLineChart" ~> 2.0.5
If you prefer not to use either of the aforementioned dependency managers, you can integrate MLLineChart into your project manually.
Git Submodules
- Open up Terminal,
cdinto your top-level project directory, and run the following command "if" your project is not initialized as a git repository:
$ git init- Add MLLineChart as a git submodule by running the following command:
$ git submodule add https://github.com/micheltlutz/MLLineChart.git
$ git submodule update --init --recursive-
Open the new
MLLineChartfolder, and drag theMLLineChart.xcodeprojinto the Project Navigator of your application's Xcode project.It should appear nested underneath your application's blue project icon. Whether it is above or below all the other Xcode groups does not matter.
-
Select the
MLLineChart.xcodeprojin the Project Navigator and verify the deployment target matches that of your application target. -
Next, select your application project in the Project Navigator (blue project icon) to navigate to the target configuration window and select the application target under the "Targets" heading in the sidebar.
-
In the tab bar at the top of that window, open the "General" panel.
-
Click on the
+button under the "Embedded Binaries" section. -
You will see two different
MLLineChart.xcodeprojfolders each with two different versions of theMLLineChart.frameworknested inside aProductsfolder.It does not matter which
Productsfolder you choose from. -
Select the
MLLineChart.framework. -
And that's it!
The
MLLineChart.frameworkis automagically added as a target dependency, linked framework and embedded framework in a copy files build phase which is all you need to build on the simulator and a device.
Embedded Binaries
- Download the latest release from https://github.com/micheltlutz/MLLineChart/releases
- Next, select your application project in the Project Navigator (blue project icon) to navigate to the target configuration window and select the application target under the "Targets" heading in the sidebar.
- In the tab bar at the top of that window, open the "General" panel.
- Click on the
+button under the "Embedded Binaries" section. - Add the downloaded
MLLineChart.framework. - And that's it!
import MLLineChart
class ViewController: UIViewController {
private var lineChart: MLLineChart!
private var dataEntries: [MLPointEntry] = []
var widthChart = CGFloat(320)
var heightChart = CGFloat(275)
override func viewDidLoad() {
super.viewDidLoad()
makeData()
setupChart()
}
private func makeData() {
dataEntries.append(MLPointEntry(value: 5, label: "1", color: .gray))
dataEntries.append(MLPointEntry(value: 6, label: "2", color: .green))
dataEntries.append(MLPointEntry(value: 4, label: "3", color: .blue))
}
private func setupChart() {
lineChart = MLLineChart(frame: CGRect(x: 0, y: 0, width: widthChart, height: heightChart))
lineChart.translatesAutoresizingMaskIntoConstraints = false
lineChart.dataEntries = dataEntries
lineChart.lineColor = .gray
lineChart.lineWidth = 2
lineChart.showShadows = true
lineChart.showAxisLine = true
lineChart.gradienLinesColors = [UIColor.gray.cgColor, UIColor.green.cgColor, UIColor.blue.cgColor]
lineChart.configLabelsBottom = MLLabelConfig(color: .white,
backgroundColor: .gray,
rounded: true,
font: UIFont.systemFont(ofSize: 11),
width: 16, height: 16, fontSize: 11)
}
/// Cntinue your code
}- In work Documentation
MLLineChart Docs (- documented)
Using MLLineChartDemo Target on this project
Issues and pull requests are welcome!
- Migrate to Swift 4.2
- Support again to line without curve
- 100% documented
Michel Anderson Lutz Teixeira @michel_lutz
Inspired on nhatminh12369/LineChart
MLLineChart is released under the MIT license. See LICENSE for details.