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

LineChart	BarChart	PieChart

Read More	Read More	Read 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

Donation

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:

1L7ghKdcmgydmUJAnmYmMaiVjT1LoP4a45

Contributing

🍺 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):

dependencies:
  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';

example/lib/main.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});

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

Download details:

Author: imaNNeo

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

#chart #flutter

ScatterChart	RadarChart	Coming Soon

Read More	Read More