Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

fl animated line chart

an animated chart library for flutter.

fl_animated_linechart

  • support for datetime axis
  • multiple y axis, supporting different units
  • highlight selection
  • animation of the chart
  • tested with more than 3000 points and still performing

there are currently two different charts:

  • line chart
  • area chart

getting started

try the sample project or include in your project.

highlight for the linechart:
withselection

area chart:
areachart

areachartgradient

example code:

linechart linechart = linechart.fromdatetimemaps([line1, line2], [colors.green, colors.blue]);

return scaffold(
  appbar: appbar(
    title: text(widget.title),
  ),
  body: container(
    child: column(
        mainaxissize: mainaxissize.max,
        mainaxisalignment: mainaxisalignment.spacebetween,
        crossaxisalignment: crossaxisalignment.stretch,
        children: [
          expanded(child: animatedlinechart(linechart)),
        ]
    ),
  ),
);

the example app, can toggle between line chart and area chart.
examplescreenshot


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

Top