利用QuartzCore绘制折线图

前段时间一个朋友就折线图绘制的需求和我讨论,正好当时我不是很忙,就自己简单写了一个demo,原理是用QuartzCore绘制的.Demo截图如下:

111.gif

思路(其实很简单)

  • 确定X轴和Y轴对应的数组
  • 根据X轴和Y轴对应的数组,开启上下文绘制X轴和Y轴,其中具体的坐标值绘制位置需要细心计算
  • 传入需要绘制的坐标的Y值数组
  • 计算Y值数组对应在坐标轴上面的具体Y轴坐标,即在上下文中的位置,然后将字符串绘制上去
  • 设置动画,将绘制的点依次连接

写在后面的话

这个demo仅仅是抛砖引玉的作用,当然感兴趣的可以继续完善封装,可以根据传入X轴Y轴坐标的极值以及分段数量更加灵活的活绘制坐标轴,或者根据所需绘制的坐标点数组的极值来绘制坐标轴等等.

戳我看demo

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Swift 4.0 编程语言（二）
    53.计算字符 在字符串中获取字符值的数量, 可以使用字符串字符属性中的计数属性: let unusualMena...
    无沣阅读 4,832评论 0赞 4
  • 自定义view：快速实现柱状图的绘制
    1、前言 本文讲解如何通过canvas快速实现柱状图表的绘制，先看下最终效果图： 网上开源的图表绘制框架还是很多的...
    卜可阅读 4,676评论 3赞 9
  • iOS 项目小结
    1.iOS中的round、ceil、floor函数略解 round如果参数是小数，则求本身的四舍五入.ceil如果...
    K_Gopher阅读 4,902评论 1赞 0
  • 我是脱了缰的野马，却也想做怀里的猫
    文/潇潇霸霸 这是我的第二篇文章了。。。。。 今天我想讲一讲我 我这个人 野马 是那种什么事都想自己扛的野马 不喜...
    潇潇霸霸阅读 3,780评论 0赞 0
  • 幸福的途径
    人生唯一重要的只有此时此分。 有点像朱光潜先生在《谈立志》中所强调的“三此主义”：即此身，此时，此地： 此身应该做...
    Mona_8af3阅读 3,012评论 0赞 0