Features

💥 Animated FL Chart is a highly customizable Flutter chart library that supports Line Chart, Bar Chart, Pie Chart, Scatter Chart, and Radar Chart. Chart with rander animation. 💥

💥 Handle animation using single key 💥

Chart Types

Currently, we have 2 examples of animation bar charts. We updating soon for another chart with animation.

Bar Chart

Chart 1:

Chart 2:

Usage

First of all you need to add the animated_fl_chart in your project. In order to do that, follow this guide.

We suggest you to check samples source code here.

We suggest you to check samples source code.

Additional information

The library is created using this https://pub-web.flutter-io.cn/packages/fl_chart library. But provide render animation default without write any code.

Libraries

animated_fl_chart
main_class/src/chart/bar_chart/bar_chart
main_class/src/chart/bar_chart/bar_chart_data
main_class/src/chart/bar_chart/bar_chart_helper
main_class/src/chart/bar_chart/bar_chart_painter
main_class/src/chart/bar_chart/bar_chart_renderer
main_class/src/chart/bar_chart/bar_chart_widget
main_class/src/chart/base/axis_chart/axis_chart_data
main_class/src/chart/base/axis_chart/axis_chart_extensions
main_class/src/chart/base/axis_chart/axis_chart_helper
main_class/src/chart/base/axis_chart/axis_chart_painter
main_class/src/chart/base/axis_chart/axis_chart_scaffold_widget
main_class/src/chart/base/axis_chart/axis_chart_widgets
main_class/src/chart/base/axis_chart/side_titles/side_titles_flex
main_class/src/chart/base/axis_chart/side_titles/side_titles_widget
main_class/src/chart/base/base_chart/base_chart_data
main_class/src/chart/base/base_chart/base_chart_painter
main_class/src/chart/base/base_chart/fl_touch_event
main_class/src/chart/base/base_chart/render_base_chart
main_class/src/chart/base/line
main_class/src/chart/line_chart/line_chart
main_class/src/chart/line_chart/line_chart_data
main_class/src/chart/line_chart/line_chart_helper
main_class/src/chart/line_chart/line_chart_painter
main_class/src/chart/line_chart/line_chart_renderer
main_class/src/chart/line_chart/line_chart_widget
main_class/src/chart/pie_chart/pie_chart
main_class/src/chart/pie_chart/pie_chart_data
main_class/src/chart/pie_chart/pie_chart_helper
main_class/src/chart/pie_chart/pie_chart_painter
main_class/src/chart/pie_chart/pie_chart_renderer
main_class/src/chart/pie_chart/pie_chart_widget
main_class/src/chart/radar_chart/radar_chart
main_class/src/chart/radar_chart/radar_chart_data
main_class/src/chart/radar_chart/radar_chart_painter
main_class/src/chart/radar_chart/radar_chart_renderer
main_class/src/chart/radar_chart/radar_extension
main_class/src/chart/scatter_chart/scatter_chart
main_class/src/chart/scatter_chart/scatter_chart_data
main_class/src/chart/scatter_chart/scatter_chart_helper
main_class/src/chart/scatter_chart/scatter_chart_painter
main_class/src/chart/scatter_chart/scatter_chart_renderer
main_class/src/extensions/bar_chart_data_extension
main_class/src/extensions/border_extension
main_class/src/extensions/color_extension
main_class/src/extensions/edge_insets_extension
main_class/src/extensions/fl_border_data_extension
main_class/src/extensions/fl_titles_data_extension
main_class/src/extensions/gradient_extension
main_class/src/extensions/paint_extension
main_class/src/extensions/path_extension
main_class/src/extensions/rrect_extension
main_class/src/extensions/side_titles_extension
main_class/src/extensions/text_align_extension
main_class/src/utils/canvas_wrapper
main_class/src/utils/lerp
main_class/src/utils/list_wrapper
main_class/src/utils/path_drawing/dash_path
main_class/src/utils/utils