Question

我正在尝试创建一个正在更新的简单折线图。某种地震仪。

我在考虑UIBezierPath，只根据输入var在y轴上移动一个点，我可以创建一条在时间轴上移动的线。

问题在于你必须推动＆＃34;以前的点为新的空间释放空间。（因此图表从左到右）

任何人都可以帮忙吗？

 var myBezier = UIBezierPath()
        myBezier.moveToPoint(CGPoint(x: 0, y: 0))
        myBezier.addLineToPoint(CGPoint(x: 100, y: 0))
        myBezier.addLineToPoint(CGPoint(x: 50, y: 100))
        myBezier.closePath()
        UIColor.blackColor().setStroke()
        myBezier.stroke()

Answer 1

你是对的：你需要推动以前的观点。划分图表的总宽度，使其变得越来越大，但保留所有数据，或者每次添加新数据时丢弃第一个点。您需要存储这些点的数组并每次重新创建路径。类似的东西：

//Given...
let graphWidth: CGFloat = 50
let graphHeight: CGFloat = 20
var values: [CGFloat] = [0, 4, 3, 2, 6]

//Here's how you make your curve...
var myBezier = UIBezierPath()
myBezier.moveToPoint(CGPoint(x: 0, y: values.first!))
for (index, value) in values.enumerated() {
    let point = CGPoint(x: CGFloat(index)/CGFloat(values.count) * graphWidth, y: value/values.max()! * graphHeight)
    myBezier.addLineToPoint(point)
}
UIColor.blackColor().setStroke()
myBezier.stroke()

//And here's how you'd add a point...
values.removeFirst() //do this if you want to scroll rather than squish
values.append(8)

动画UIBezier获得实时曲线？

1 个答案: