> For the complete documentation index, see [llms.txt](https://flutter.wednesday.is/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://flutter.wednesday.is/charts/guides/animations.md).

# Animations

Implicit Animations for Charts.

All Animations in the chart widgets are *Implicitly Animated*. The default animation behaviour for all chart widgets is:

1. animates when the widget loads for the first time.
2. animates for every new data updates.

<div><figure><img src="https://672051664-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3JD7NLiao8wvvuzkAjT9%2Fuploads%2Fd0zEsJf42EHzBX0YBPSh%2Fbar-chart.gif?alt=media&amp;token=6ee03de2-83e5-45b8-9356-d08ae167e416" alt=""><figcaption></figcaption></figure> <figure><img src="https://672051664-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3JD7NLiao8wvvuzkAjT9%2Fuploads%2F0ZbywrITaZZtAh9EEsLO%2Fpie-chart.gif?alt=media&amp;token=14c1236d-58a7-48ec-8875-e57c7f831896" alt=""><figcaption></figcaption></figure></div>

You can override the default behaviour using the `animateOnLoad` and `animateOnUpdate` properties at top level widget.

```dart
...
import 'package:chart_it/chart_it.dart';
	
...
child: BarChart(
  animateOnLoad: false,
  animateOnUpdate: true,
  animationDuration: const Duration(milliseconds: 750),
  data: BarSeries(
  ...
```

All animations in the widget are handled internally. However, if you wish to control your own animation, then you can provide your own custom [AnimationController](https://api.flutter.dev/flutter/animation/AnimationController-class.html) to the top level property `animation`.

```dart
...
import 'package:chart_it/chart_it.dart';
	
...
child: BarChart(
  animation: AnimationController(
    duration: Duration(milliseconds: 500),
    vsync: this, 
  ),
  data: BarSeries(
  ...
```