美文网首页iOS开发中的神兵利器
3.9 制作一份漂亮的不同色彩标识的气泡图表 [iOS开发中的神

3.9 制作一份漂亮的不同色彩标识的气泡图表 [iOS开发中的神

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

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

    image

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

    image

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

    image

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

    image

    5. 创建另一个数组,作为气泡的尺寸。

    image

    6. 依次创建三个图表数据记录。

    image

    7. 接着通过一个循环,将数组中的数字,添加到气泡图表数据记录中。并依次设置两轴标题和气泡大小。

    image

    8. 使用相同的方法,将数组中的数字,添加到气泡图表数据记录中。

    image

    9. 将数组中的数字,添加到第三个气泡图表数据记录中。

    image

    10. 创建一个数据集,并设置数据集的值域和标签文字,然后设置数据集的填充颜色。

    image

    11. 创建第二个数据集对象。

    image

    12. 最后创建第三个数据集对象。

    image

    13. 创建一个指定显示区域的气泡图表视图。

    image

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

    image

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

    image

    16. 设置图表中数值的最大可视数量为200。

    image

    17. 设置水平坐标轴的标签位置,共有顶部、底部、双侧、顶部内侧、底部内侧五种。

    image

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

    image

    19. 设置图例的文字颜色为红色。

    image

    20. 继续设置图例文字的字体大小为16。

    image

    21. 设置图例在图表中的位置处于右上角。

    image

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

    image

    23. 在弹出的模拟器中,显示了一张气泡图表,气泡的颜色区分类别,气泡的尺寸表示数据的大小。最后点击[停止]按钮,关闭模拟器,并结束本节课程。

    image

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

    apps8 2.png

    相关文章

      网友评论

        本文标题:3.9 制作一份漂亮的不同色彩标识的气泡图表 [iOS开发中的神

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