Animation With Charts on Android

nativescriptcore

#1

Hi,

I want my charts to be animated when the appear on screen just like how it is shown on ios devices on https://www.nativescript.org/blog/a-deep-dive-into-telerik-ui-for-nativescript-s-charts. Setting attribute animated=true is not animating it. Following is a playground example which I have created.
https://play.nativescript.org/?template=play-tsc&id=deeyTR&v=4

Please let me know if you can make it work.

Thanks,
Rakesh


#2

I think animated charts is only for iOS.

when I run this playground sample on iOS
Link: https://play.nativescript.org/?template=play-tsc&id=IiNP5p

I’m able to see animated chart. But it doesn’t show on android.


#3

I tried to animate it for android,
this is one way to do it,
Link: https://play.nativescript.org/?template=play-tsc&id=IiNP5p&v=2


#4

Thanks @multishiv19.


#5

While updating axis may be a fast workaround but may not be smooth / best for performance. In case if you are interested to do real animations, you can do that using the native apis this will be a good place to start

https://docs.telerik.com/devtools/android/androidcontrolsdoc/com/telerik/widget/chart/visualization/behaviors/animations/ChartScaleAnimation.html


#6

Great. I will take a look. Thanks