3.12 创建一份包含线性图表和柱形图表的复合图表 [iOS开发中的神兵利器]



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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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




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

0