https://github.com/merixstudio/mrx-flutter-charts

Simple and beautiful smooth animated charts.
https://github.com/merixstudio/mrx-flutter-charts

charts flutter flutter-animations flutter-chart

Last synced: 5 days ago
JSON representation

Simple and beautiful smooth animated charts.

• Host: GitHub
• URL: https://github.com/merixstudio/mrx-flutter-charts
• Owner: merixstudio
• License: mit
• Created: 2022-04-14T05:57:02.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-02-16T12:28:42.000Z (over 1 year ago)
• Last Synced: 2024-08-01T12:22:24.513Z (3 months ago)
• Topics: charts, flutter, flutter-animations, flutter-chart
• Language: Dart
• Homepage: https://www.merixstudio.com/development/flutter/
• Size: 4.59 MB
• Stars: 75
• Watchers: 5
• Forks: 17
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Charts Flutter

Simple and beautiful smooth animated charts.

## Supported charts

### Bar

![Screenshot1](https://raw.githubusercontent.com/merixstudio/mrx-flutter-charts/master/screenshots/chart_bar.gif) 

### Group bar

![Screenshot2](https://raw.githubusercontent.com/merixstudio/mrx-flutter-charts/master/screenshots/chart_group_bar.gif)

### Candle

![Screenshot3](https://raw.githubusercontent.com/merixstudio/mrx-flutter-charts/master/screenshots/chart_candle.gif)

### Line

![Screenshot4](https://raw.githubusercontent.com/merixstudio/mrx-flutter-charts/master/screenshots/chart_line.gif)

### Pie

![Screenshot5](https://raw.githubusercontent.com/merixstudio/mrx-flutter-charts/master/screenshots/chart_pie.gif)

## Example

Check `/example` folder for more detailed usage

```dart

Chart(

  layers: [

    ChartAxisLayer(

      settings: ChartAxisSettings(

        x: ChartAxisSettingsAxis(

          frequency: 1.0,

          max: 13.0,

          min: 7.0,

          textStyle: TextStyle(

            color: Colors.white.withOpacity(0.6),

            fontSize: 10.0,

            ),

          ),

          y: ChartAxisSettingsAxis(

            frequency: 100.0,

            max: 300.0,

            min: 0.0,

            textStyle: TextStyle(

              color: Colors.white.withOpacity(0.6),

              fontSize: 10.0,

            ),

          ),

        ),

        labelX: (value) => value.toInt().toString(),

        labelY: (value) => value.toInt().toString(),

      ),

      ChartBarLayer(

        items: List.generate(

          13 - 7 + 1,

          (index) => ChartBarDataItem(

            color: const Color(0xFF8043F9),

            value: Random().nextInt(280) + 20,

            x: index.toDouble() + 7,

          ),

        ),

        settings: const ChartBarSettings(

          thickness: 8.0,

          radius: BorderRadius.all(Radius.circular(4.0)),

        ),

      ),

    ]

  ],

)

```

## About

Developed with passion, by [Merixstudio](https://www.merixstudio.com/development/flutter/) developers.