animated_line_chart 0.0.3 copy "animated_line_chart: ^0.0.3" to clipboard
animated_line_chart: ^0.0.3 copied to clipboard

Animated flutter line chart. Support datetime x axis, divide region based on datetime

pub package

animated_line_chart #

Example

An animated line chart library for flutter.

  • Support for datetime axis
  • Animation of the chart
  • Divide region based on datetime

Getting Started #

Try the sample project or include in your project.

Example code:

    final List<DataPoint> data = [
        DataPoint(x: DateTime(2023, 1, 1), y: 10),
        DataPoint(x: DateTime(2023, 1, 15), y: 30),
        DataPoint(x: DateTime(2023, 2, 1), y: 20),
        DataPoint(x: DateTime(2023, 2, 15), y: 40),
        DataPoint(x: DateTime(2023, 3, 1), y: 50),
        DataPoint(x: DateTime(2023, 3, 15), y: 60),
    ];
    
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: SizedBox(
          width: 300, 
          height: 200,
          child: AnimatedLineChart(
            data: data,
            dividerX: DateTime(2023, 2, 1),
            leftChartColor: Colors.grey,
            rightChartColor: Colors.green,
          ),
        ),
      ),
    );

Contributing #

Feel free to contribute! Here's how you can contribute:

  • Open an issue if you believe you've encountered a bug.
  • Make a pull request to add new features/make quality-of-life improvements/fix bugs.

Author #

  • Muhammad Adib Yusrul Muna

License #

Copyright © 2023 Muhammad Adib Yusrul Muna

This software is distributed under the MIT license. See the LICENSE file for the full license text.

3
likes
140
pub points
49%
popularity

Publisher

unverified uploader

Animated flutter line chart. Support datetime x axis, divide region based on datetime

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter, intl

More

Packages that depend on animated_line_chart