3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]

1. 本节课将为您演示,如何创建一个散点图表。首先在左侧的项目导航区,打开视图控制器的代码文件。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
2. 现在开始编写代码,创建一个散点图表。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
3. 在当前的类文件中,引入已经安装的第三方类库。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
4. 接着依次创建三个包含6个数字的数组,作为散点图表的数据源。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
5. 依次创建三个图表数据记录。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
6. 然后通过一个循环,将数组中的数字,添加到图表数据记录中。并依次设置两轴的数据。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
7. 使用相同的方法,设置图表数据记录中第二个数据记录。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
8. 将数组中的数字,添加到第三个图表数据记录中。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
9. 创建一个数据集,并设置数据集的值域和标签文字。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
10. 接着设置第一组散点图的图标为三角形。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
11. 设置散点图标的尺寸为20。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
12. 设置散点图标的填充颜色。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
13. 创建第二个数据集,并设置数据集的值域和标签文字。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
14. 接着设置第二组散点图的图标为方形。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
15. 然后设置图标的填充颜色。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
16. 创建第三个数据集,并设置数据集的值域和标签文字。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
17. 接着设置第三组散点图的图标为圆形。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
18. 设置散点图标的填充颜色。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
19. 创建一个指定显示区域的散点图表视图。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
20. 设置图表视图的背景颜色为无色。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
21. 接着设置折线图表所显示的数据内容。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
22. 设置图表中数值的最大可视数量为200。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
23. 设置水平坐标轴的标签位置位于底部。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
24. 然后设置图表的描述信息。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
25. 将配置好的图表,添加到根视图中,然后点击左上角的[编译并运行]按钮,启动模拟器预览项目。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
26. 在弹出的模拟器中,显示了一张散点图表,并分别使用三角形、方形和圆形代表三组不同的数据。最后点击[停止]按钮,关闭模拟器,并结束本节课程。

3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
image
【3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]】本文整理自:《app开发中的神兵利器》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1209739676,或扫描本页底部的二维码。课程配套素材下载地址:资料下载
3.10|3.10 创建一个包含圆点/方形/三角形图标的散点图表 [iOS开发中的神兵利器]
文章图片
apps8 2.png

    推荐阅读