Awesome
<a href="https://github.com/Solido/awesome-flutter#charts"><img src="https://img.shields.io/badge/awesome-flutter-blue.svg?longCache=true" alt="Awesome Flutter"></a>
<a href="https://pub.dev/packages/fl_chart"><img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/imaNNeo/fl_chart"></a>
<a href="https://github.com/imaNNeo/fl_chart/graphs/contributors"><img alt="GitHub contributors" src="https://img.shields.io/github/contributors/imaNNeo/fl_chart"></a>
<a href="https://githubc.com/imaNNeo/fl_chart/issues?q=is%3Aissue+is%3Aclosed"><img src="https://img.shields.io/github/issues-closed-raw/imaNNeo/fl_chart" alt="GitHub closed issues"></a>
<span class="badge-buymeacoffee">
<a href="https://www.buymeacoffee.com/fl_chart" title="Donate to this project using Buy Me A Coffee"><img src="https://img.shields.io/badge/buy%20me%20a%20coffee-donate-yellow.svg" alt="Buy Me A Coffee donate button" /></a>
</span>
Our Financial Heroes
Your financial support acts as fuel for fl_chart's development. Support here.
<table> <tbody> <tr> <td> <a href="https://github.com/sponsors/imaNNeo"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://github.com/imaNNeo/fl_chart/raw/main/repo_files/sponsors/become_a_sponsor_dark.png"> <source media="(prefers-color-scheme: light)" srcset="https://github.com/imaNNeo/fl_chart/raw/main/repo_files/sponsors/become_a_sponsor_light.png"> <img alt="Become a sponsor" > </picture> </a> </td> <td> <a href="https://github.com/sponsors/imaNNeo"> <img src="https://github.com/imaNNeo/fl_chart/raw/main/repo_files/sponsors/become_a_hero_empty.png"> </a> </td> <td> <a href="https://github.com/sponsors/imaNNeo"> <img src="https://github.com/imaNNeo/fl_chart/raw/main/repo_files/sponsors/become_a_hero_empty.png"> </a> </td> <td> <a href="https://github.com/sponsors/imaNNeo"> <img src="https://github.com/imaNNeo/fl_chart/raw/main/repo_files/sponsors/become_a_hero_empty.png"> </a> </td> </tr> </tbody> </table>Overview
FL Chart is a highly customizable Flutter chart library that supports Line Chart, Bar Chart, Pie Chart, Scatter Chart, and Radar Chart.
<a href="https://www.youtube.com/watch?v=hVRU-kpKNjQ&list=PL1-_rCwRcnbNpvodmbt43O81wMUdBv8-a"><img src="https://github.com/imaNNeo/fl_chart/raw/main/repo_files/images/overview_thumbnail.png"></p></a>
Chart Types
LineChart | BarChart | PieChart |
---|---|---|
![]() ![]() | ![]() ![]() | ![]() ![]() |
Read More | Read More | Read More |
ScatterChart | RadarChart | Coming Soon |
---|---|---|
![]() ![]() | ![]() ![]() | ![]() ![]() |
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
Sample1 | Sample2 | Sample3 |
---|---|---|
![]() | ![]() | ![]() |
Donation
Your donation motivates me to work more on the fl_chart and resolve more issues. There are multiple ways to donate me:
- You can be my sponsor on GitHub (This is the most reliable way to donate me)
- You can <a href="https://www.buymeacoffee.com/fl_chart">buy me a coffee!</a>
- Or if you are a fan of crypto, you can donate me Bitcoins here:
1L7ghKdcmgydmUJAnmYmMaiVjT1LoP4a45
Contributing
:beer: 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.