A Highly Customizable Flutter Chart Library

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

Chart Types

Read MoreRead MoreRead More
ScatterChartRadarChartComing Soon
Read MoreRead More 

Banner designed by Soheil Saffar, and samples inspired from David Kovalev, Ricardo Salazar, Dmitro Petrenko, Ghani Pradita, MONUiXD. Thank you all!

Let's get started

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

Then you need to read the docs. Start from here.

We suggest you to check samples source code.

- You can read about the animation handling here



Your donation motivates me to work more on the fl_chart and resolve more issues. You can buy me a coffee!

Or if you are a fan of crypto, you can donate me Bitcoins here:



🍺 Pull requests are welcome!

Don't forget that open-source makes no sense without contributors. No matter how big your changes are, it helps us a lot even it is a line of change.

There might be a lot of grammar issues in the docs. It's a big help to us to fix them if you are fluent in English.

Check out CONTRIBUTING.md, which contains a guide for those who want to contribute to the FL Chart.

Reporting bugs and issues are contribution too, yes it is.

Below are the people who has contributed to the FL Chart. We hope we have your picture here soon.

Use this package as a library

Depend on it

Run this command:

With Flutter:

 $ flutter pub add fl_chart

This will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get):

  fl_chart: ^0.63.0

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

Import it

Now in your Dart code, you can use:

import 'package:fl_chart/fl_chart.dart'; 


import 'package:fl_chart_app/presentation/resources/app_resources.dart';
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';

import 'presentation/router/app_router.dart';

void main() {
  runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  Widget build(BuildContext context) {
    return MaterialApp.router(
      title: AppTexts.appName,
      theme: ThemeData(
        brightness: Brightness.dark,
        useMaterial3: true,
        textTheme: GoogleFonts.assistantTextTheme(
                bodyColor: AppColors.mainTextColor3,
        scaffoldBackgroundColor: AppColors.pageBackground,
      routerConfig: appRouterConfig,

Download details:

Author: imaNNeo

Source: https://github.com/imaNNeo/fl_chart

#chart  #flutter 

A Highly Customizable Flutter Chart Library
1.90 GEEK