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

3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开

作者: 互动教程网 | 来源:发表于2018-04-11 21:16 被阅读5次

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    image

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

    apps8 2.png

    相关文章

      网友评论

        本文标题:3.11 使用雷达图表形象表达企业各个维度的运营状况 [iOS开

        本文链接:https://www.haomeiwen.com/subject/qkttkftx.html