iOS-Charts 源码学习和使用教程: 概述（一）

Charts是什么？

Charts是一套非常漂亮的开源图表组件，它是MPAndroidChart在苹果端的移植版本，同时支持iOS/tvOS/OSX平台，开源地址Github。

Charts是用 Swift语言编写的，能够同时在 Swift 和 Objc 工程中使用。

使用环境

• Xcode 8.0/Swift 3.0（如果要支持Swift 2.3，请使用 Charts 2.3.0）
• iOS >= 8.0
• tvOS >= 9.0
• macOS >= 10.11

Usage

为了能够正确编译：

1. 将 Charts.xcodeproj 拖入你的工程。

2. 选中工程的TARGETS（如ChartDemo），选择General标签，在 "Embedded Binaries" 区域点击添加按钮（+），然后选择 Charts.framework。如下图：

   
   
   

   Embedded Binaries.gif

3. @import Charts

4. 在 Objc工程里面使用Swift

   • 你需要导入桥接头文件（Bridging Header）。通常是 "YourProject-Swift.h"（YourProject为你的工程名）,所以 ChartsDemo需要导入的头文件是 "ChartsDemo-Swift.h"。
   • 在 "Build Setting"下，输入Embedded搜索，设置 "EMBEDDED_CONTENT_CONTAINS_SWIFT" 为 YES。

EMBEDDED_CONTENT_CONTAINS_SWIFT.png

使用 CocoaPods 安装

将下面代码添加到Podfile文件中，“ChartsDemo”为你的工程的Target。

platform :ios, '8.0'
use_frameworks!

target "ChartsDemo" do
pod 'Charts'
end

Questions & Issues

如果你有问题或疑难，你可以：

• 确保你使用的是最新版本的库，查看release-section
• 学习安卓版的 Documentation-Wiki
• 学习 Pod文档
• 在 stackoverflow使用 ios-charts标签搜索或者提问。
• 在 [issues](https://github.com/danielgindi/Charts/issues) 搜索你的问题
• 创建新问题（请不要创建重复问题，确保之前有搜索过已知问题）

特性（Features）

核心功能：

• 支持8种不同的图表类型
• 支持两轴缩放（支持触摸手势,两轴单独或同时的放缩）
• 支持使用触摸手势进行 拖拽/平移。
• 组合图表（线状，柱状，散点图，蜡烛图，气泡图等）
• 多个（或单独）的轴
• 可自定义坐标轴 （包括x 轴和 y 轴）
• 高亮显示值（支持自定义popup-view来显示选中的值）
• 可保存图表到 Camera-roll, 支持导出为 PNG 和 JPEG格式
• 预定义的颜色模板
• 图例（可自动生成，或者自定义）
• 动画（支持在x和y轴上建立动画）
• 限制线（用来提供附加信息，最大值...）
• 完全自定义（paints，字体，图例，颜色，背景，手势，虚线，...）
• 可直接从 Realm.io 移动数据库绘制数据

图标类型示例：

• LineChart（线状图）

  
  
  LineChart.png

• LineChart（线状图）

  
  
  LineChart

• LineChart (cubic lines)

  
  
  LineChart

• LineChart (渐变填充)

  
  
  LineChart

• Combined-Chart - 组合图表（下图为线状图和柱状图）

  
  
  Combined-Chart

• BarChart(柱状图）

  
  
  BarChart

• BarChart (多个数据集)

  
  
  BarChart

• Horizontal-BarChart (水平方向的柱状图

  
  
  Horizontal-BarChart

• PieChart (饼图)

  
  
  PieChart

• ScatterChart - 散点图（带正方形，三角形，圆形,等等）

ScatterChart

• CandleStickChart - 蜡烛图（用于财务数据）

  
  
  CandleStickChart

• BubbleChart - 气泡图（气泡覆盖的区域表示该值）

  
  
  BubbleChart

• RadarChart - 雷达图（蜘蛛网图）

RadarChart

上面这些基本都是从官网翻译过来了，水平有限，有可能有不正确的地方，欢迎大家多多指正。
后续会写一个系列出来，敬请期待...