3.12 创建一份包含线性图表和柱形图表的复合图表 [iOS开发

1. 本节课将为您演示，如何创建一份由折线图表和柱形图表，组合而成的混合图表。首先在左侧的项目导航区，打开视图控制器的代码文件。

image

2. 现在开始编写代码，创建一个复合图表。

image

3. 在当前的类文件中，引入已经安装的第三方类库。

image

4. 接着创建一个包含6个数字的数组，作为柱型图表的数据源。

image

5. 创建一个图表数据记录。

image

6. 然后通过一个循环，将数组中的数字，添加到图表数据记录中。

image

7. 创建一个柱形图表数据集，并设置数据集的值域和标签文字。

image

8. 设置数据集的填充颜色属性。

image

9. 接着创建另一个包含6个数字的数组，作为折线图表的数据源。

image

10. 创建另一个图表数据记录。

image

11. 然后通过一个循环，将数组中的数字，添加到图表数据记录中。

image

12. 创建一个折线图表数据集，并设置数据集的值域和标签文字。

image

13. 设置该数据集的填充颜色属性。

image

14. 设置在折线图表中，不在端点绘制圆圈图标。

image

15. 设置折线的宽度为3.0。

image

16. 创建一个复合图表数据。

image

17. 设置复合图表数据的折线图数据的内容。

image

18. 设置复合图表数据的柱形图数据的内容。

image

19. 创建一个指定显示区域的复合图表视图。

image

20. 接着设置复合图表所显示的数据内容。

image

21. 设置图表绘制的顺序，先完成柱形图表的绘制，然后绘制折线图表。

image

22. 在复合图表中，不绘制柱形的阴影。

image

23. 同样不在柱形的上方绘制数值标签。

image

24. 将配置好的复合图表，添加到根视图中，然后点击左上角的[编译并运行]按钮，启动模拟器预览项目。

image

25. 在弹出的模拟器中，首先绘制了一份柱形图表，接着在柱形图表的上方，绘制了一份折线图表。最后点击左上角的[停止]按钮，关闭模拟器，并结束本节课程。

image

image

本文整理自：《app开发中的神兵利器》，真正的[手把手]教学模式，用最快的速度上手iOS开发，苹果商店App Store免费下载：https://itunes.apple.com/cn/app/id1209739676，或扫描本页底部的二维码。课程配套素材下载地址：资料下载

apps8 2.png