Back to Fl Chart

Handle Animations

repo_files/documentations/handle_animations.md

1.2.01.8 KB
Original Source

Animations

Sample1Sample2Sample3
How?

We handle all animations Implicitly, This is power of the ImplicitlyAnimatedWidget, just like AnimatedContainer. It means you don't need to do anything, just change any value and the animation is handled under the hood, if you are curious about it, check the source code, reading the source code is the best way to learn things.

Properties

You can change the Duration and Curve of animation using duration and curve properties respectively.

dart
LineChart(
  duration: Duration(milliseconds: 150),
  curve: Curves.linear,
  LineChartData(
    isShowingMainData ? sampleData1() : sampleData2(),
  ),
)
How to disable

If you want to disable the animations, you can set Duration.zero as duration.

dart
LineChart(
  duration: Duration.zero,
  LineChartData(
    // Your chart data here
  ),
)