3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]

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

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第1张图片
image

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

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第2张图片
image

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

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第3张图片
image

4. 接着依次创建两个包含6个数字的数组,作为散点图表的数据源。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第4张图片
image

5. 依次创建两个图表数据记录。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第5张图片
image

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

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第6张图片
image

7. 使用相同的方式,将另一个数组中的数字,添加到雷达图表数据记录中。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第7张图片
image

8. 创建一个数据集,并设置数据集的值域和标签文字。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第8张图片
image

9. 接着设置数据集的颜色为绿色。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第9张图片
image

10. 设置数据集的边缘宽度为5。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第10张图片
image

11. 设置数据集的填充颜色为绿色。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第11张图片
image

12. 然后设置填充颜色的透明度为半透明。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第12张图片
image

13. 允许绘制数据集的填充属性。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第13张图片
image

14. 接着使用相同的属性,设置第二个雷达图表数据集。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第14张图片
image

15. 接着设置数据集的颜色为橙色。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第15张图片
image

16. 设置数据集的边缘宽度为5。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第16张图片
image

17. 设置数据集的填充颜色为橙色。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第17张图片
image

18. 同样设置填充颜色的透明度为半透明。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第18张图片
image

19. 设置允许绘制数据集的填充属性。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第19张图片
image

20. 创建一个指定显示区域的雷达图表视图。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第20张图片
image

21. 设置图表视图的背景颜色为无色。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第21张图片
image

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

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第22张图片
image

23. 设置水平坐标轴的标签位置位于底部。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第23张图片
image

24. 然后设置图表的描述信息。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第24张图片
image

25. 设置图表图例的位置,在图表的右侧。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第25张图片
image

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

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第26张图片
image

27. 在弹出的模拟器中,显示了一张雷达图表,橙色和绿色分别表示两组不同的雷达图形。最后点击此处的[停止]按钮,关闭模拟器,并结束本节课程。

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器]_第27张图片
image

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

apps8 2.png

你可能感兴趣的:(3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开发中的神兵利器])