实战需求
使用图表显示数据可以帮助用户比在表中显示信息更容易理解信息，尤其是在处理大量数据时。SwiftUI如何优雅的绘制图表呢？本文将带领大家掌握Swift最好的绘图看Charts。
一、基础知识
（一）Charts 介绍
Charts是Swift世界最好的开源绘图库，它具有以下特性：
- 8种不同的图表类型
- 在两个轴上缩放（带有触摸手势，单独的轴或捏缩放）
- 拖动/平移（带有触摸手势）
- 组合图（线条图，条形图，散点图，蜡烛图，气泡图）
- 双（独立）轴
- 可自定义的轴（x轴和y轴）
- 突出显示值（带有可自定义的弹出视图）
- 将图表保存到相机胶卷/导出到PNG / JPEG
- 预定义的颜色模板
- 图例（自动生成，可自定义）
- 动画（在x轴和y轴上建立动画）
- 极限线（提供其他信息，最大值等）
- 完全可定制（绘画，字体，图例，颜色，背景，手势，虚线，...）
- 直接从Realm.io移动数据库绘制数据
（二）Charts 效果
1、 LineChart(线图,简单设计）
image.png
2、LineChart 效果2
image.png
3、LineChart(立方图)
image.png
4、LineChart(线图,渐变填充)
image.png
5、Combined-Chart(组合图表,本例中为条形图和线图)
image.png
6、BarChart (条形图)
image.png
7、BarChart(条形图,分组数据集)
image.png
8、Horizontal-BarChart (水平条状图)
image.png
9、PieChart (饼状图)
image.png
10、ScatterChart(散点图)
image.png
11、CandleStickChart (烛台图表,用于财务数据)
image.png
12、BubbleChart (气泡图，气泡覆盖的区域表示值)
image.png
13、RadarChart (雷达图）
image.png
SwiftUI 如何使用Charts
运行效果
Jietu20200620-204206@2x.jpg
1、通过Cocoapods安装,http://cocoapods.org/
在项目里面创建个podfile,如下图
image.png
podfile文件内容
source 'https://cdn.cocoapods.org/'
target 'sf_Charts' do
pod 'Charts'
end
运行安装
pod install
安装好后，以后我们通过.xcworkspace打开项目。
