Info: A powerful Flutter chart library, currently supporting Line Chart, Bar Chart, Pie Chart, and Scatter Chart.
FL Chart
???? A library to draw fantastic charts in Flutter ????
Chart Types
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
1 – Depend on it
Add it to your package’s pubspec.yaml file
dependencies:
fl_chart: ^0.8.1
2 – Install it
Install packages from the command line
flutter packages get
3 – Learn it like a charm
Read the docs from here
4 – Follow the roadmap
you can follow the roadmap from here , and (let me know your suggestions)
And the last but not least ????
???? pull requests are welcome!
???? Donation (bitcoin) ????
Buy me some food to survive, I would add more features if I was alive
1L7ghKdcmgydmUJAnmYmMaiVjT1LoP4a45
Contributing
Make sure to format files using Dart formatted with a line length of 100. VSC users will have these settings auto-applied via the included VSC workspace config. Submit PR with your changes.
Download FL Chart Source Code on GitHub
FL Chart is a highly customizable Flutter chart library that supports Line Chart, Bar Chart, Pie Chart, Scatter Chart, Radar Chart and Candlestick Chart. https://github.com/imaNNeo/fl_chart 1,943 forks. 7,401 stars. 399 open issues. Recent commits: Update CHANGELOG.md (#2035) , GitHub Adds support for mirrored label text direction (#1890)* Adds support for mirrored label text direction* Updates label direction documentation* Fixes test* Adds more tests* Remove redundant touchData property (because every chart type has it's own touchData for example, lineTouchData, barTouchData, …)* Prevent crash in line_chart_sample12 using isMounted if check* Add the missing tooltipBorderRadius property in the ScatterTouchTooltipData class* Fix format* ignore the deprecated property use to fix the CI pipeline* Bump version up to 0.71.0* Bump app version to 1.1.3* Implement CandlestickChartData (based on the ScatterChartData) to have the basic information about our brand new CandlestickChart* Cache painter objects in the candlestick painter* Implement candlestick_chart_painter.dart to render the candles in the canvas (based on the scatter painter)* Add lerpCandleSpotList in lerp.dart* Add candlestick_chart and candlestick_chart_renderer.dart, so now we have the full structure of having candlesticks, let's implement a sample* Fix the minY and maxY values calculation logic in candlestick chart* Add candle_chart_sample1.dart (bitcoin price)* Add AxisSpotIndicator object to be able to draw spot indicator shape in our axis-based charts* Use AxisSpotIndicator as a property called touchedPointIndicator in our candle_stick_chart to draw the touched/hoverer point* Provide ValueInCanvasProvider for mapping x and y spots in candlestick_chart_painter* Update minor documentation* Add candlestick_chart_data_test.dart* Add candlestick_chart_helper_tests.dart* Minor rename* Add candlestick_chart_renderer_test.dart* Add candlestick_chart_test.dart* Use canvasWrapper (instead of direct canvas object) in the candlestick helper painters* Add candlestick_chart_painter_test.dart with a simple test inside it* Add drawAxisSpotIndicator in the candlestick_chart_painter_test.dart* Write unit-tests for drawCandlesticks() functionality* Add drawTouchTooltip() and drawTouchTooltips() test in the candlestick_chart_painter_test.dart* Add handleTouch() test in the candlestick_chart_painter_test.dart* Increase test coverage* Fix code verification issues* Update the markdown documentation* Prevent showing tooltip on a hidden candlestick spot* Add showOnTopOfTheChartBoxArea property in the CandlestickTouchTooltipData* Add touchLocation and touchChartCoordinate properties in the touch response objects (LineTouchResponse, BarTouchResponse, …)* New approach for touchedPointIndicator in candlestick_chart* Use outline color from theme for the touched point in candlestick chart* Fix drawing horizontal and vertical lines in AxisSpotIndicatorPainter* Use horizontalLineProvider and verticalLineProvider in the AxisSpotIndicator to allow user to customize the touch lines* Update candlestick_chart_sample1 to use the customized touch lines* Update CHANGELOG.md* Use Canvas instead of CanvasWrapper in our FlCandlestickPainter* Use Canvas instead of CanvasWrapper in our AxisSpotIndicatorPainter* Remove the touch line when user cancels (or ends) the touch in the candlestick_chart* Update the candlestick sample gif animation* Remove deprecated tooltipRoundedRadius property from the codebase* Fix the BarChartData mismatch issue when changing the data, #1911* Upgrade build_runner and mockito dependencies———Co-authored-by: imaNNeoFighT <iman.neofight@gmail.com> , GitHub Upgrade flutter_lints version to 6.0.0 in example/ (#2015) , GitHub Upgrade the very_good_analysis version to have better analyzer (#2014) , GitHub Upgrade example app dependencies (#2013) , GitHub
Provides the list of the opensource Flutter apps collection with GitHub repository.