3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
1. 本节课将为您演示,如何创建一个散点图表。首先在左侧的项目导航区,打开视图控制器的代码文件。
文章图片
image
2. 现在开始编写代码,创建一个散点图表。
文章图片
image
3. 在当前的类文件中,引入已经安装的第三方类库。
文章图片
image
4. 接着依次创建三个包含6个数字的数组,作为散点图表的数据源。
文章图片
image
5. 依次创建三个图表数据记录。
文章图片
image
6. 然后通过一个循环,将数组中的数字,添加到图表数据记录中。并依次设置两轴的数据。
文章图片
image
7. 使用相同的方法,设置图表数据记录中第二个数据记录。
文章图片
image
8. 将数组中的数字,添加到第三个图表数据记录中。
文章图片
image
9. 创建一个数据集,并设置数据集的值域和标签文字。
文章图片
image
10. 接着设置第一组散点图的图标为三角形。
文章图片
image
11. 设置散点图标的尺寸为20。
文章图片
image
12. 设置散点图标的填充颜色。
文章图片
image
13. 创建第二个数据集,并设置数据集的值域和标签文字。
文章图片
image
14. 接着设置第二组散点图的图标为方形。
文章图片
image
15. 然后设置图标的填充颜色。
文章图片
image
16. 创建第三个数据集,并设置数据集的值域和标签文字。
文章图片
image
17. 接着设置第三组散点图的图标为圆形。
文章图片
image
18. 设置散点图标的填充颜色。
文章图片
image
19. 创建一个指定显示区域的散点图表视图。
文章图片
image
20. 设置图表视图的背景颜色为无色。
文章图片
image
21. 接着设置折线图表所显示的数据内容。
文章图片
image
22. 设置图表中数值的最大可视数量为200。
文章图片
image
23. 设置水平坐标轴的标签位置位于底部。
文章图片
image
24. 然后设置图表的描述信息。
文章图片
image
25. 将配置好的图表,添加到根视图中,然后点击左上角的[编译并运行]按钮,启动模拟器预览项目。
文章图片
image
26. 在弹出的模拟器中,显示了一张散点图表,并分别使用三角形、方形和圆形代表三组不同的数据。最后点击[停止]按钮,关闭模拟器,并结束本节课程。
文章图片
image
【3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]】本文整理自:《app开发中的神兵利器》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1209739676,或扫描本页底部的二维码。课程配套素材下载地址:资料下载
文章图片
apps8 2.png
推荐阅读
- 一个人的旅行,三亚
- 一个小故事,我的思考。
- 一个人的碎碎念
- 七年之痒之后
- 我从来不做坏事
- 异地恋中,逐渐适应一个人到底意味着什么()
- 一百二十三夜,请嫁给我
- 迷失的世界(二十七)
- live|live to inspire 一个普通上班族的流水账0723
- 遗憾是生活的常态,但孝顺这件事,我希望每一个人都不留遗憾