利用QuartzCore绘制折线图

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

利用QuartzCore绘制折线图_第1张图片
111.gif

思路(其实很简单)

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

写在后面的话

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

戳我看demo

你可能感兴趣的:(利用QuartzCore绘制折线图)