¿Cómo puedo animar la apariencia de un gráfico de barras en Core Plot?

Question

Al mostrar por primera vez un gráfico de barras con Core Plot, me gustaría que las barras crezcan hacia arriba hasta que alcancen las alturas correctas.

¿Cómo crearía una animación de este tipo utilizando este marco?

Answer 1

Esto es muy similar a: How to animate the pie charts developed using core-plot library?

Answer 2

Esto es lo que hice:

1. En el método de mi controlador de viewDidLoad creé el CPTXYGraph:

   graph = [[CPTXYGraph alloc] initWithFrame:self.view.bounds]; 
   

2. añadí animación el gráfico vacío:

   CAKeyframeAnimation *scale = [CAKeyframeAnimation animationWithKeyPath:@"transform"]; 
   

3. Luego, en el método de animationDidStop delegado que añade los datos de las parcelas y la animación a la gráfica:

   CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"transform.scale.y"]; 
   [anim setDuration:2.0f]; 
   
   anim.toValue = [NSNumber numberWithFloat:1.0f]; 
   anim.fromValue = [NSNumber numberWithFloat:0.0f]; 
   anim.removedOnCompletion = NO; 
   anim.delegate = self; 
   anim.fillMode = kCAFillModeForwards; 
   
   gPlot.anchorPoint = CGPointMake(0.0, 0.0); 
   
   [gPlot addAnimation:anim forKey:@"grow"]; 
   
   [graph addPlot:gPlot ];// IMPORTANT here I added the plot data to the graph :) . 
   

Answer 3

Añadir animación para su CPTBarPlot de la siguiente manera:

CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform"]; 
[animation setDuration:1]; 
CATransform3D transform = CATransform3DMakeScale(1, 0.0001, 1); 
// offsetY=[PlotDisplayAreaUnderXAxisHeight]-[PlotDisplayAreaHeight]/2 
transform = CATransform3DConcat(transform, CATransform3DMakeTranslation(0, offsetY, 0)); 
animation.fromValue = [NSValue valueWithCATransform3D:transform]; 
animation.toValue = [NSValue valueWithCATransform3D:CATransform3DIdentity]; 
[barPlot addAnimation:animation forKey:@"barGrowth"]; 

Answer 4

Gracias Michele por su gran responder.

He enviado un ejemplo de su respuesta a Github para aquellos que quieran descargar la demo y ¡comenzar a trabajar de inmediato!

https://github.com/mayuur/CoreplotAnimation

Disfrute de Codificación !!!

Answer 5

Añadir animación opacidad así ...

CABasicAnimation *fadeInAnimation = [CABasicAnimation animationWithKeyPath:@"opacity"]; 
fadeInAnimation.duration = 1.0f; 
fadeInAnimation.removedOnCompletion = NO; 
fadeInAnimation.fillMode = kCAFillModeForwards; 
fadeInAnimation.toValue = [NSNumber numberWithFloat:1.0]; 
[xSquaredPlot addAnimation:fadeInAnimation forKey:@"animateOpacity"];