2016-04-04 22 views
-2

Ekli görüntüdeki gibi grafik işlevselliğini uygulamak istiyorum. Herkes bu çerçeveyi önerebilir.iOS çizgi çizme çizgi grafiği

Şu anda aşağıdaki kodu kullanıyorum ancak x, y eksenini kullanarak çizgi çizemiyor. aşağıda örnek kod satırları çizmek için kullanıyorum, lineChart.addLine (data5) // burada data5 dinamik olarak x-Değerleri içeren bir dizidir, y değerleri sıfırdan başlayarak statiktir. Şimdi y değerleri de dinamik yapmak istiyorum.

 func drawLine(lineIndex: Int) { 

    var data = self.dataStore[lineIndex] 
    let path = UIBezierPath() 

    var xValue = self.x.scale(0) + x.axis.inset 
    var yValue = self.bounds.height - self.y.scale(data[0]) - y.axis.inset 
    path.moveToPoint(CGPoint(x: xValue, y: yValue)) 
    for index in 1..<data.count { 
     xValue = self.x.scale(CGFloat(index)) + x.axis.inset 
     yValue = self.bounds.height - self.y.scale(data[index]) - y.axis.inset 
     path.addLineToPoint(CGPoint(x: xValue, y: yValue)) 
    } 

    let layer = CAShapeLayer() 
    layer.frame = self.bounds 
    layer.path = path.CGPath 
    layer.strokeColor = colors[lineIndex].CGColor 
    layer.fillColor = nil 
    layer.lineWidth = lineWidth 
    self.layer.addSublayer(layer) 

    // animate line drawing 
    if animation.enabled { 
     let anim = CABasicAnimation(keyPath: "strokeEnd") 
     anim.duration = animation.duration 
     anim.fromValue = 0 
     anim.toValue = 1 
     layer.addAnimation(anim, forKey: "strokeEnd") 
    } 

    // add line layer to store 
    lineLayerStore.append(layer) 
} 

enter image description here

peşin:

AddLine yöntemi olarak DrawLine işlevini çağırır.

+0

Gereksiniminiz için [bu kitaplık örneğini] (https://github.com/DipenPanchasara/ChartView) adresine bakabilirsiniz. –

cevap

2

Bunun için Charts kullanabilirsiniz. Ama bu tür çizgilerin kendiliğinden çizilmesi de zor değil.

1

Bu tabloyu çizmek için UIBezierPath'i kullanabilirsiniz. Lütfen bu sınıfa dalmanız için çok fazla şey bulacaksınız.

İlgili konular