1. 本节课将为您演示,另一款强大的图表类库。首先确保在您的项目中,已经安装了所需的第三方库。在此处双击查看安装配置文件。
2. 根据配置文件中的相关设置,安装第三方库。安装完成之后,双击打开此处的项目文件。
13. 在视图加载完成的方法中,添加绘制图表的方法。接着点击左上角的[编译并运行]按钮,启动模拟器预览项目。
14. 在弹出的模拟器中,绘制了一个简单的折线图表。点击此处的[停止]按钮,关闭模拟器,并结束本节课程。
15. 接着创建另一个方法,用来创建一个暗调、平滑、可滚动的面积图。
19. 设置图形视图的最大值为100,超过此值的数据将显示在图形之外。
22. 然后设置线段的外观为平滑样式,这线绘制的线条为贝塞尔曲线。
26. 设置渐变填充的类型为线形渐变,除此之外还有径向渐变样式。
29. 设置数据点之间的间距为80,接着设置数据点的大小为2,设置图形视图的数据点的颜色为白色。
33. 然后设置数据点的标签字体的颜色为白色,颜色的透明度为0.5。
34. 初始化两个数组,分别作为图表的数据和水平轴向的标题。
36. 设置根视图的背景颜色,并将图形视图添加到根视图。接着点击垂直滚动条,切换至编辑器的顶部区域。
38. 接着点击左上角的[编译并运行]按钮,启动模拟器预览项目。
39. 在模拟器中显示了一个平滑曲线的面积图,由于图表的宽度太长,以致于当前只显示了部分内容。在右侧按下手指,并向左侧拖动,观察隐藏的内容。
40. 然后点击此处的[停止]按钮,关闭模拟器。
[图片上传失败...(image-d885a3-1523452685376)]
41. 点击右侧的垂直滚动条,接着您将创建一个暗调的柱形图表。
53. 依次设置图形视图的参考线的标签字体、线条颜色和字体颜色。
57. 设置垂直轴向的数据范围为自适应,以能够全部显示所有的数据。
60. 设置垂直轴向显示范围的最大值为100,超出范围之外的数据将显示在图形之外。
63. 设置图形视图的数据源和标题信息,接着设置根视图的背景颜色。
66. 接着点击左上角的[编译并运行]按钮,启动模拟器预览项目。
67. 在弹出的模拟器中,显示了暗调主题的柱形图。点击此处的[停止]按钮,关闭模拟器。
68. 点击右侧的垂直滚动条,接着您将创建一个蓝色的散点图表。
76. 依次设置图形视图的参考线的标签字体、线条颜色和标签文字的颜色。
77. 设置在图形视图中,参考线位于左右两侧。参考线的位置共有左、右、两侧三种格式。
79. 设置垂直轴向显示范围的最大值为100,超出范围之外的数据将显示在图形之外。
80. 初始化两个数组,分别作为图表的数据和水平轴向的标题。
82. 设置根视图的背景颜色,并将图形视图添加到根视图。接着点击垂直滚动条,切换至编辑器的顶部区域。
84. 接着点击左上角的[编译并运行]按钮,启动模拟器预览项目。
85. 在弹出的模拟器中,显示了一个蓝色的散点图表。最后点击此处的[停止]按钮,关闭模拟器,并结束本节课程。
本文整理自:《app开发中的神兵利器》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1209739676,或扫描本页底部的二维码。课程配套素材下载地址:资料下载