A powerful Flutter chart library, currently supporting Line Chart, Bar Chart, Pie Chart, Scatter Chart and Radar Chart.

Overview

FL Chart

pub package APK

FL Chart Logo

💥 A library to draw fantastic charts in Flutter 💥

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

1 - Depend on it

Add it to your package's pubspec.yaml file
dependencies:
  fl_chart: ^0.30.0

2 - Install it

Install packages from the command line
flutter packages get

3 - Learn it like a charm

Read the docs from here
- Animations
Sample1 Sample2 Sample3

And the last but not least 🔥

🍺 pull requests are welcome!

💰 Donation (bitcoin) 💰

I work on this project in my free time because I have my personal life and job. You can push me to work more by donating.

1L7ghKdcmgydmUJAnmYmMaiVjT1LoP4a45

Contributing

Check out CONTRIBUTING.md, which contains a guide for those who wish to contribute to FL Chart. Thanks in advance!

Issues
  • added axis titles

    added axis titles

    I implemented the possibility to add axis descriptions to the line charts. You can add text to each axis on the left, right, top and bottom, which will be shown outside of the current axis titles.

    opened by juumixx 32
  • Add more customization to FlSpot;

    Add more customization to FlSpot;

    Added more customization to FlSpot. Ability to set color dynamically if you want different colors for spots, ability to create circles with empty space in the middle.

    Added parameter to not clear touched data. When you touch the chart, you see the indicator line and the tooltip. I added a parameter to optionally not clear this after finger is removed from screen.

    This are some features I needed and maybe somebody else finds them useful.

    Example how this would look:

    example

    opened by tudor07 31
  • Listen to normal tap on Tooltip instead of longpress

    Listen to normal tap on Tooltip instead of longpress

    First of all, thank you for this amazing library <3

    Please provide onTap option with some sort of MoveUpdate to show Tooltip on chart as an alternative to onLongPress

    Looking forward for this library

    enhancement 
    opened by sukhcha-in 26
  • Doesn't work on web

    Doesn't work on web

    It does not render correctly on the web. I know the web is only in technical preview so I didn't expect it to work but it would be nice if it did.

    Render on mobile (good) image

    Render on web (bad) Screen Shot 2019-10-28 at 11 01 46 AM

    bug Web 
    opened by andermoran 24
  • Added option to change shape of line chart dots

    Added option to change shape of line chart dots

    I was looking for a way to change the shape of the dots in the same line depending on a value and I couldn't see support for it. So I went ahead and made it myself.

    Hopefully you find it useful and can merge it.

    It could be easily expanded to use other shapes.

    Let me know if you think I should change anything.

    opened by jlubeck 23
  • Sticky touch indicator

    Sticky touch indicator

    This time I have placed the boolean on the lineTouchData along with the rest of the touch configuration. Very simple but useful. Please consider merging.

    opened by shamilovtim 22
  • Performance problem with LineCharts

    Performance problem with LineCharts

    Hi, i am making a Coronatracker app.

    I am implementing a LineChart Widget with the Data for each day. Unbenannt

    The maxY is equal to the tracked days (number of days since 22nd January) The maxX is equal to the highest number of confirmed cases divided by 100000 (working with the absolute number took the chart forever to build)

    Everything works as intended, but it impacts the smoothness of the scrolling of the singlechildscrollview, in which the chart is implemented.

    Do you have any suggestions ?

    enhancement Line Chart 
    opened by Wizzel1 21
  • Add a git hook to enforce dartfmt on the project and/or lint

    Add a git hook to enforce dartfmt on the project and/or lint

    New PRs are causing whitespace issues due to formatter requirements not being followed. It's looking like a git hook call to dart formatter is going to be necessary and possibly linting

    enhancement Operational 
    opened by shamilovtim 20
  • Feature: Range Annotations

    Feature: Range Annotations

    This PR adds range annotations to line charts. Docs are updated in the linechart document.

    Screen Shot 2020-01-15 at 4 49 14 PM

    To use:

      rangeAnnotations: RangeAnnotations(
            hasVerticalRangeAnnotations: true,
            verticalRangeAnnotations: [
              VerticalRangeAnnotation(
                x1: 2,
                x2: 4,
                color: Colors.orange
              ),
              VerticalRangeAnnotation(
                x1: 8,
                x2: 10,
                color: Colors.yellow
              ),
            ],
            hasHorizontalRangeAnnotations: true,
            horizontalRangeAnnotations: [
              HorizontalRangeAnnotation(
                y1: 1,
                y2: 2,
                color: Colors.red
              ),
              HorizontalRangeAnnotation(
                y1: 4,
                y2: 5,
                color: Colors.blue
              ),
            ]
          ),
    
    opened by shamilovtim 18
  • [Proposal] Web Support for fl_chart

    [Proposal] Web Support for fl_chart

    The package is working perfectly for web, but on pub.dev web platform is not showing. I forked the repo and ran flutter create . but it's not creating web folder. So maybe, you can try out the same and enable flutter web support and then push and publish on pub.dev again thereby providing web support!

    opened by AbhishekDoshi26 18
  • I want to customize the icon on the left. Is there such a setting option? Or can you give me some hints, what should I do?

    I want to customize the icon on the left. Is there such a setting option? Or can you give me some hints, what should I do?

    我想自定义左边的图标。有这样的设置选项吗?或者你能给我一些提示吗,我该怎么办?

    谢谢!

    LineChartData只能设置左标题,我需要设置左图标

    image
    LineChartData mainData() {
        return LineChartData(
          ....
          titlesData: FlTitlesData(
            show: true,
            leftTitles: SideTitles(
              showTitles: true,
              interval: 1,
              getTextStyles: (context, value) => const TextStyle(
                color: Color(0xff67727d),
                fontWeight: FontWeight.bold,
                fontSize: 15,
              ),
              getTitles: (value) {
                switch (value.toInt()) {
                  case 1:
                    return '1';
                  case 2:
                    return '2';
                  case 3:
                    return '3';
                  case 4:
                    return '4';
                }
                return '0';
              },
              reservedSize: 32,
              margin: 12,
            ),
          ),
          ....
          ],
        );
      }
    
    opened by paintingStyle 0
  •  PieChart Widget cannot be rendered on the branch of the flutter SDK version flutter-2.5-candidate.9.

    PieChart Widget cannot be rendered on the branch of the flutter SDK version flutter-2.5-candidate.9.

    I used fl_chart version 0.36.4. The PieChart Widget cannot be rendered on the branch of the flutter SDK version flutter-2.5-candidate.9. The stable branch of the flutter SDK version is normal, and once the PieChart Widget is used on the branch of the flutter-2.5-candidate.9, the Widget in the whole dart file cannot be rendered

    opened by yanwei49 0
  • Pie chart swapping data causes render box exception if animation enabled

    Pie chart swapping data causes render box exception if animation enabled

    I have a simple donut chart with data changed from provider on demand. When I do swap it gives a render exception.

    The following assertion was thrown during a scheduler callback: Updated layout information required for RenderLimitedBox#ebf03 NEEDS-LAYOUT NEEDS-PAINT to calculate semantics. 'package:flutter/src/rendering/object.dart': Failed assertion: line 2747 pos 12: '!_needsLayout'

    Either the assertion indicates an error in the framework itself, or we should provide substantially more information in this error message to help you determine and fix the underlying cause. In either case, please report this assertion by filing a bug on GitHub: https://github.com/flutter/flutter/issues/new?template=2_bug.md

    When the exception was thrown, this was the stack: #2 RenderObject._getSemanticsForParent (package:flutter/src/rendering/object.dart:2747:12) #3 RenderObject._getSemanticsForParent. (package:flutter/src/rendering/object.dart:2769:61) #4 ContainerRenderObjectMixin.visitChildren (package:flutter/src/rendering/object.dart:3430:14) #5 RenderObject.visitChildrenForSemantics (package:flutter/src/rendering/object.dart:2854:5) #6 RenderObject._getSemanticsForParent (package:flutter/src/rendering/object.dart:2764:5) #7 RenderObject._getSemanticsForParent. (package:flutter/src/rendering/object.dart:2769:61) #8 RenderObjectWithChildMixin.visitChildren (package:flutter/src/rendering/object.dart:3146:14) #9 RenderObject.visitChildrenForSemantics (package:flutter/src/rendering/object.dart:2854:5) #10 RenderObject._getSemanticsForParent (package:flutter/src/rendering/object.dart:2764:5) #11 RenderObject._getSemanticsForParent. (package:flutter/src/rendering/object.dart:2769:61) #12 ContainerRenderObjectMixin.visitChildren (package:flutter/src/rendering/object.dart:3430:14) #13 RenderObject.visitChildrenForSemantics (package:flutter/src/rendering/object.dart:2854:5) #14 RenderObject._getSemanticsForParent (package:flutter/src/rendering/object.dart:2764:5) #15 RenderObject._getSemanticsForParent. (package:flutter/src/rendering/object.dart:2769:61) #16 RenderObjectWithChildMixin.visitChildren (package:flutter/src/rendering/object.dart:3146:14) #17 RenderObject.visitChildrenForSemantics (package:flutter/src/rendering/object.dart:2854:5) #18 RenderObject._getSemanticsForParent (package:flutter/src/rendering/object.dart:2764:5) #19 RenderObject._getSemanticsForParent. (package:flutter/src/rendering/object.dart:2769:61) #20 RenderObjectWithChildMixin.visitChildren (package:flutter/src/rendering/object.dart:3146:14) #21 RenderObject.visitChildrenForSemantics (package:flutter/src/rendering/object.dart:2854:5) #22 RenderObject._getSemanticsForParent (package:flutter/src/rendering/object.dart:2764:5) #23 RenderObject._getSemanticsForParent. (package:flutter/src/rendering/object.dart:2769:61) #24 RenderObjectWithChildMixin.visitChildren (package:flutter/src/rendering/object.dart:3146:14) #25 RenderObject.visitChildrenForSemantics (package:flutter/src/rendering/object.dart:2854:5) #26 RenderObject._getSemanticsForParent (package:flutter/src/rendering/object.dart:2764:5) #27 RenderObject._getSemanticsForParent. (package:flutter/src/rendering/object.dart:2769:61) #28 ContainerRenderObjectMixin.visitChildren (package:flutter/src/rendering/object.dart:3430:14) #29 RenderObject.visitChildrenForSemantics (package:flutter/src/rendering/object.dart:2854:5) #30 RenderObject._getSemanticsForParent (package:flutter/src/rendering/object.dart:2764:5) #31 RenderObject._getSemanticsForParent. (package:flutter/src/rendering/object.dart:2769:61) #32 RenderObjectWithChildMixin.visitChildren (package:flutter/src/rendering/object.dart:3146:14) #33 RenderObject.visitChildrenForSemantics (package:flutter/src/rendering/object.dart:2854:5) #34 RenderObject._getSemanticsForParent (package:flutter/src/rendering/object.dart:2764:5) #35 RenderObject._getSemanticsForParent. (package:flutter/src/rendering/object.dart:2769:61) #36 RenderObjectWithChildMixin.visitChildren (package:flutter/src/rendering/object.dart:3146:14) #37 RenderObject.visitChildrenForSemantics (package:flutter/src/rendering/object.dart:2854:5) #38 RenderObject._getSemanticsForParent (package:flutter/src/rendering/object.dart:2764:5) #39 RenderObject._getSemanticsForParent. (package:flutter/src/rendering/object.dart:2769:61) #40 RenderObjectWithChildMixin.visitChildren (package:flutter/src/rendering/object.dart:3146:14) #41 RenderObject.visitChildrenForSemantics (package:flutter/src/rendering/object.dart:2854:5) #42 RenderObject._getSemanticsForParent (package:flutter/src/rendering/object.dart:2764:5) #43 RenderObject._updateSemantics (package:flutter/src/rendering/object.dart:2725:41) #44 PipelineOwner.flushSemantics (package:flutter/src/rendering/object.dart:1080:16) #45 RendererBinding.drawFrame (package:flutter/src/rendering/binding.dart:458:21) #46 WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:883:13) #47 RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:319:5) #48 SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1143:15) #49 SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1080:9) #50 SchedulerBinding._handleDrawFrame (package:flutter/src/scheduler/binding.dart:996:5) #54 _invoke (dart:ui/hooks.dart:166:10) #55 PlatformDispatcher._drawFrame (dart:ui/platform_dispatcher.dart:270:5) #56 _drawFrame (dart:ui/hooks.dart:129:31) (elided 5 frames from class _AssertionError and dart:async)

    It renders fine visually, but this exception occur very randomly(sometime goes smoothly without exception with same data) when I switch data between income and expense

    To Reproduce Code of the pie chart ` AspectRatio( aspectRatio: 1, child: PieChart( PieChartData( borderData: FlBorderData( show: false, ), sectionsSpace: 0, centerSpaceRadius: 41, startDegreeOffset: -90, sections: _generateSections(), ), ), ),

    List _generateSections() { List piePieces = [];

    int index = 0;
    for (var pieceInfo in sortedCategoryPieces) {
      final isTouched = index == selectedPieIndex;
      final fontSize = isTouched ? 12.0 : 10.0;
      final radius = isTouched ? 38.0 : 34.0;
      final percentage =
          ((pieceInfo.total / grandTotal) * 100).toStringAsFixed(2);
    
      piePieces.add(PieChartSectionData(
        color: hexColor(pieceInfo.category.color),
        value: pieceInfo.total + 1,
        showTitle: isTouched,
        title: "$percentage%",
        radius: radius,
        titlePositionPercentageOffset: 1,
        titleStyle: TextStyle(
            fontSize: fontSize,
            fontWeight: FontWeight.w500,
            color: SpenderColors.text,
            backgroundColor: SpenderColors.scaffoldBackground),
      ));
      index++;
    }
    return piePieces;
    

    } `

    data is from provider

    Versions fl_chart: ^0.40.2 flutter: 2.5.3

    opened by shababhsiddique 1
  • is flchart support x axis as datetime and y axis double?

    is flchart support x axis as datetime and y axis double?

    ** Don't make a duplicate issue. You can search in issues to make sure there isn't any already opened issue with your concern.

    Is your feature request relasted to a problem? Please describe. A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

    Describe the solution you'd like A clear and concise description of what you want to happen.

    Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

    Additional context Add any other context or screenshots about the feature request here.

    opened by abhipoojary 1
  • Container -decoration-gradient  PieChart   can't show   web    --web-renderer html

    Container -decoration-gradient PieChart can't show web --web-renderer html

    web --web-renderer html

    Container( width: 500, height: 500, decoration: BoxDecoration( color: Colors.cyan, gradient: LinearGradient(begin: Alignment.topCenter, end: Alignment.bottomCenter, colors:[Colors.black,Colors.white]), ), child: PieChart(PieChartData( centerSpaceRadius: 10, sections: pieData, borderData: FlBorderData(show: false), ) ), );

    opened by chd999 0
  • Radarchart out of memory error when all data goes zero

    Radarchart out of memory error when all data goes zero

    Describe the bug I used example of radarchart which flchart team provided. Once all of data values are zero like below screenshot, image

    App crashes and takes about 5 min to reproduce error message(Estimating somewhat infinite loop problem)

    Screenshots image

    Versions

    • which version of the Flutter are you using? 2.5.1
    • which version of the FlChart are you using? 0.40.2
    opened by nkwook 1
  • Prompts the bubble to stay where it was last clicked

    Prompts the bubble to stay where it was last clicked

    image Hello, I hope to get your technical support. The requirement is as follows: after clicking, the prompt bubble will display in the current position and will not disappear

    opened by guicai666 0
  • Padding for text label of extralines

    Padding for text label of extralines

    Hello and thank u for great chart library!

    It would be nice to have padding around text, because for now for make text look nicer we have to use spaces on both sides of text.

    Example (with padding): Screenshot 2021-11-22 at 21 53 04

    Example (how it works now): Screenshot 2021-11-22 at 21 52 46

    THank you for your help!

    opened by beerline 0
  • Rotate label for extra lines

    Rotate label for extra lines

    Hello and thank u for great chart library!

    It could be useful to have opportunity to rotate external lines labels.

    Example (test label): Screenshot 2021-11-22 at 21 43 18

    Thank u for helping!

    opened by beerline 0
Releases(0.40.2)
  • 0.40.2(Oct 14, 2021)

  • 0.40.1(Oct 14, 2021)

    • IMPROVEMENT Fix pub.dev determining web support, #780.
    • IMPROVEMENT Implement flutter_lints in the code.
    • BUGFIX Fix below/above area data transparency issue, #770.
    Source code(tar.gz)
    Source code(zip)
  • 0.40.0(Aug 26, 2021)

    • BUGFIX Fixed pieChart centerRadius = double.infinity problem, #747.c
    • BREAKING Charts touchCallback signature has changed to (FlTouchEvent event, BaseTouchResponse? response) which FlTouchEvent determines which touch/pointer event happened (such as FlTapUpEvent, FlPanUpdateEvent, ...), and BaseTouchResponse gives us the chart response.
    • BREAKING Chart touchResponse classes don't have touchInput and clickHappened properties anymore. Use FlTouchEvent provided in the callback instead of touchInput. Check event is FlTapUpEvent to detect touch events instead of checking clickHappened;
    • IMPROVEMENT Again we support longPress touch events. check FlTouchEvent to see all kind of supported touch/pointer events (which can be FlLongPressStart, FlLongPressMoveUpdate, FlLongPressEnd, ...). Also you can check out touch handling doc, #649.
    • IMPROVEMENT Added mouseCursorResolver callback in touchData classes such as LineTouchData and BarTouchData. You can change the MouseCursor based on the provided FlTouchEvent and touchResponse using this callback. (We have used this feature in PieChartSample2)
    • BUGFIX Fixed ScatterChart default touchHandling crash
    • BUGFIX Fix text styles when updating the theme. Check this theme-aware-sample.
    • IMPROVEMENT Show narrow horizontal and vertical grid lines by default.
    • IMPROVEMENT Show all left, top (except BarChart), right, bottom titles in Axis based charts by default.
    • IMPROVEMENT Set BarChartAlignment.spaceEvenly as alignment property of BarChartData by default
    • IMPROVEMENT Allow BarChart and LineChart have empty values instead of throwing exception (we don't show anything if there is nothing provided)
    • BREAKING textStyle of ScatterTooltipItem is now nullable and optional. bottomMargin is also optional (default is zero). So both are named parameters now.
    • IMPROVEMENT We improved touch precision of ScatterChart.
    • BUGFIX Fix overlapping last gridlines on border lines problem.
    • NEWS Your donation motivates me to work more on the fl_chart and resolve more issues. Now you can buy me a coffee!
    Source code(tar.gz)
    Source code(zip)
  • 0.36.4(Aug 19, 2021)

    • IMPROVEMENT Added borderSide property in BarChartRodData and BarChartRodStackItem to draw strokes around each bar and rod stack items, #714.
    • IMPROVEMENT Now all textStyles are nullable and theme-aware by default, #269.
    • BREAKING All getTextStyles callback now give you a context and value (previously it was only a value).
    • BUGFIX Fixed colorStops calculation which used in gradient colors, #732.
    Source code(tar.gz)
    Source code(zip)
  • 0.36.3(Jul 22, 2021)

  • 0.36.2(Jun 17, 2021)

  • 0.36.1(May 7, 2021)

    • IMPROVEMENT Allow to set zero value on PieChartSectionData (we remove zero sections instead of crashing), #640.
    • BUGFIX Fix NPE crash in our renderers touchCallback, #651.
    • BUGFIX Fix line index problem in LineChart, #665. (It has appeared in 0.36.0, we had to revert 2nd change of 0.36.0)
    • BREAKING Remove unused lineIndex property from ShowingTooltipIndicators.
    Source code(tar.gz)
    Source code(zip)
  • 0.36.0(Apr 30, 2021)

    • BUGFIX Fixed bug of lerping FlSpot.nullSpot, #487.
    • BUGFIX Fixed showing tooltip problem when animating chart, #647.
    • BUGFIX Fixed RadarChart drawing problem, #627.
    • IMPROVEMENT Now SideTitles.interval is working correctly in bottomTitles in the BarChart, #648.
    • BREAKING You should provide spotsIndices instead of showingSpots in ShowingTooltipIndicators.
    Source code(tar.gz)
    Source code(zip)
  • 0.35.0(Apr 1, 2021)

    • IMPROVEMENT Added children property in the LineTooltipItem, BarTooltipItem and ScatterTooltipItem which accepts a list of TextSpan. It allows you to have more customized texts inside the tooltip. See BarChartSample1 and ScatterSample2, #72, #294.
    • IMPROVEMENT Added getTouchLineStart and getTouchLineEnd in LineTouchData to give more customizability over showing the touch lines. see SampleLineChart9.
    • IMPROVEMENT Enabled sectionsSpace in PieChart for the web.
    • IMPROVEMENT Added Makefile commands which makes it comfortable for verifying your code before push (It is related to contributors, red more about it in CONTRIBUTING.md).
    • IMPROVEMENT Added FlDotCrossPainter which extends FlDotPainter to paint X marks on line chart spots.
    • IMPROVEMENT Added textDirection property in LineTooltipItem, BarTooltipItem and ScatterTooltipItem. It allows you to support rtl languages in tooltips.
    • IMPROVEMENT Added textDirection property in SideTitles class, #531. It allows you to support rtl languages in side titles.
    • IMPROVEMENT Added textDirection property in AxisTitles class. It allows you to support rtl languages in axis titles.
    • BUGFIX Fixed some bugs on drawing PieChart (for example when we have only one section), #582,
    • BREAKING Border of pieChart now is hide by default (you can show it using borderData: FlBorderData(show: true).
    • BREAKING You cannot set 0 value on PieChartSectionData.value anymore, instead remove it from list.
    • BREAKING Removed fullHeightTouchLine property from LineTouchData. Now you can have a full line with following snippet:
    LineTouchData(
      ...
      getTouchLineStart: (barData, index) => -double.infinity // default: from bottom,
      getTouchLineEnd: (barData, index) => double.infinity //to top,
      ...
    )
    
    Source code(tar.gz)
    Source code(zip)
  • 0.30.0(Mar 22, 2021)

    • [IMPROVEMENT] We now use RenderObject as our default drawing system. It brings a lot of stability. Such as size handling, hitTest handling (touches), and It makes us possible to paint Widgets inside our chart (It might fix #383, #556, #582, #584, #591).
    • [IMPROVEMENT] Added Radar Chart Documentations
    • [IMPROVEMENT] Added textAlign property in the BarTooltipItem, LineTooltipItem, and ScatterTooltipItem, default is TextAlign.center.
    • [IMPROVEMENT] Added direction property in the BarTouchTooltipData, and LineTouchTooltipData to specify the position of the tooltip (can be auto, top, bottom), default is auto.
    • [IMPROVEMENT] Updated touch flow, we now use hitTest for handling touch and interactions.
    • [IMPROVEMENT] Added 'clickHappened' property in all of our TouchResponses (such as LineTouchResponse, BarTouchResponse, ...), #210.
    • [IMPROVEMENT] Added swapAnimationCurve property to all chart widgets which handles the built-in animation Curve, #436.
    • [BREAKING] Some properties in ScatterTouchResponse, and PieTouchResponse moved to a wrapper class, you need to access them through that wrapper class.
    • [BREAKING] Renamed tooltipBottomMargin to tooltipMargin property in the BarTouchTooltipData, and LineTouchTooltipData
    • [Bugfix] Fixed double.infinity in PieChartData .centerSpaceRadius, #584.
    Source code(tar.gz)
    Source code(zip)
  • 0.20.1(Mar 3, 2021)

  • 0.20.0-nullsafety1(Feb 19, 2021)

    • [BREAKING] We have migrated our project to null-safety. You may need to change your source-code to compile. check migration guide.
    • [BREAKING] You cannot set null value on FlSpot anymore (use FlSpot.nullSpot instead).
    Source code(tar.gz)
    Source code(zip)
  • 0.12.3(Feb 17, 2021)

    • [Bugfix] Fixed PieChart exception bug on sections tap, #514.
    • [Bugfix] Fixed PieChart badges problem, #538.
    • [Bugfix] Fixed Bug of drawing lines with strokeWidth zero, #558.
    • [Improvement] Updated example app to support web.
    • [Improvement] Show tooltips on mouse hover on Web, and Desktop.
    Source code(tar.gz)
    Source code(zip)
  • 0.12.2(Dec 24, 2020)

    • [Bugfix] Fixed PieChart badges draw in first frame problem, #513.
    • [Improvement] Use CanvasWrapper to proxy draw functions (It does not have any effect on the result, it makes the code testable)
    Source code(tar.gz)
    Source code(zip)
  • 0.12.1(Dec 11, 2020)

    • [Bugfix] Fixed PieChart badges bug with re-implementing the solution, #507
    • [Bugfix] Fix the setState issue using PieChart in the ListView, #467
    • [Bugfix] Fixed formatNumber bug for negative numbers, #486.
    • [Improvement] Added applyCutOffY property in BarAreaSpotsLine to inherit cutOffY property of its parent, #478.
    Source code(tar.gz)
    Source code(zip)
  • 0.12.0(Oct 6, 2020)

    • [Improvement] [BREAKING] Replaced color property with colors in BarChartRodData, and BackgroundBarChartRodData to support gradient in BarChart, instead of solid color, #166. Check BarChartSample3
    • [Improvement] Improved gradient stops calculating algorithm.
    • [Improvement] [BREAKING] Changed SideTitle's textStyle property to getTextStyles getter (it gives you the axis value, and you must return a TextStyle based on it), It helps you to have a different style for specific text, #439. Check it here LineChartSample3
    • [Improvement] Added badgeWidget, and badgePositionPercentageOffset in each PieChartSectionData to provide a widget to show in the chart, see this sample, #443. Providing a widget is an important step in our library, if it works perfectly, we will aplly this solution on other parts. Then I appreciate any feedback.
    • [Bugfix] Fixed aboveBarArea flickers after setState, #440.
    Source code(tar.gz)
    Source code(zip)
  • 0.11.1(Aug 29, 2020)

    • [Bugfix] Fixed drawing BarChart rods with providing minY (for positive), maxY (for negative) values bug, #404.
    • [Bugfix] Fixed example app build fail error, by upgrading flutter_svg package to 0.18.1
    Source code(tar.gz)
    Source code(zip)
  • 0.11.0(Jul 26, 2020)

    • [Bugfix] Prevent show ScatterSpot if show is false, #385.
    • [Improvement] Set default centerSpaceRadius to double.infinity in PieChartData, #384.
    • [Improvement] Allowed to have topTitles in the BarChart, see BarChartSample5, #394.
    • [Improvement] Added touchedStackItem and touchedStackItemIndex properties in the BarTouchedSpot to determine in which BarChartRodStackItem click happened, #393.
    • [Improvement] [BREAKING] Renamed rodStackItem to rodStackItems in BarChartRodData.
    Source code(tar.gz)
    Source code(zip)
  • 0.10.1(Jun 29, 2020)

    • [Improvement] Show barGroups x value instead of index in bottom titles, #342.
    • [Improvement] [BREAKING] Use double.infinity instead of double.nan for letting enterSpaceRadius be as large as possible in the (PieChartData)[https://github.com/imaNNeoFighT/fl_chart/blob/master/repo_files/documentations/pie_chart.md#piechartdata], #377.
    • [Bugfix] Fixed PieChart bug with 1 section, #368.
    Source code(tar.gz)
    Source code(zip)
  • 0.10.0(Jun 2, 2020)

    • [IMPORTANT] BLACK LIVES MATTER
    • [Improvement] Auto calculate interval in SideTitles and FlGridData, instead of hard coding 1, to prevent some performance issues like #101, #322. see BarChartSample4.
    • [Bugfix] drawing dot on null spots
    • [Bugfix] Fixed LineChart have multiple NULL spot bug.
    • [Feature] added checkToShowTitle property to the SideTitles, for checking show or not show titles in the provided value, #331. see LineChartSample8.
    • [Feature] Added compatibily to have customized shapes for FlDotData, just override FlDotData.etDotPainter and pass your own painter or use built-in ones, see this sample.
    • [Improvement] [BREAKING] Replaced clipToBorder with clipData in LineChartData to support clipping 4 sides of a chart separately.
    Source code(tar.gz)
    Source code(zip)
  • 0.9.4(May 1, 2020)

  • 0.9.3(Apr 23, 2020)

  • 0.9.2(Apr 19, 2020)

  • 0.9.0(Apr 9, 2020)

    • Added strokeWidth, getStrokeColor, getDotColor in the FlDotData, also removed dotColor from it (you should use getDotColor instead, it gives you more customizability), now we have more customizability on FlDotData, check line_chart_sample3, and line_chart_sample5, #233, #99, #274.
    • Added equatable library to solve some equation issues.
    • Implemented negative values feature for the BarChart, #106, #103.
    • add Equatable for all models, it leads to have a better performance.
    • Fixed a minor touch bug in the BarChart.
    • Fixed ScatterChart built-in touch behaviour.
    • Fixed drawing grid lines bug, #280.
    • Implemented FlDotData.getDotColor in a proper way, it returns a color based on the LineChartBarData color, #274, #282.
    • Updated LineChartData.showingTooltipIndicators field type to list of ShowingTooltipIndicators to have a clean naming.
    Source code(tar.gz)
    Source code(zip)
  • 0.8.7(Mar 23, 2020)

  • 0.8.6(Mar 21, 2020)

    • Fixed exception on extraLinesData, #251.
    • Show extra lines value with 1 floating-point.
    • Implemented multi-section lines in LineChart, check this issue (#26) and this merge request (#252)
    Source code(tar.gz)
    Source code(zip)
  • 0.8.5(Mar 16, 2020)

  • 0.8.4-test1(Mar 16, 2020)

  • 0.8.4(Mar 14, 2020)

    • Added preventCurveOvershootingThreshold in LineChartBarData for applying prevent overshooting algorithm, #193.
    • Fixed clipToBorder bug in the LineChartData, #228, #214.
    • Removed unused enableNormalTouch property from all charts TouchData.
    • Implemented ImageAnnotations feature (added image, and sizedPicture in the VerticalLine, and the HorizontalLine, check this sample for more information.
    • BREAKING CHANGE-> changed fitInsideTheChart to fitInsideHorizontally and added fitInsideVertically to support both sides, #225.
    Source code(tar.gz)
    Source code(zip)
  • 0.8.3(Mar 6, 2020)

    • prevent to set BorderRadius with numbers larger than (width / 2), fixed #200.
    • added fitInsideTheChart property inside BarTouchTooltipData and LineTouchTooltipData to force tooltip draw inside the chart (shift it to the chart), fixed #159.
    Source code(tar.gz)
    Source code(zip)
Owner
Iman khoshabi
Flutter Developer
Iman khoshabi
Animated radial and pie charts for Flutter

Flutter Circular Chart A library for creating animated circular chart widgets with Flutter, inspired by Zero to One with Flutter. Overview Create easi

Victor Choueiri 354 Nov 26, 2021
A library to draw fantastic bar charts race in Flutter

bar_chart_race The first library to draw fantastic bar charts race in Flutter Usage Let's get started add the dependencies to your app: dependencies:

Mimene Younes 4 Jun 8, 2021
A scrollable time chart in Flutter.

time_chart An amazing time chart in Flutter. Chart Types TimeChart AmountChart Getting Started 1 - Depend on it Add it to your package's pubspec.yaml

Minseong Kim 17 Nov 17, 2021
A Flutter data visualization library based on Grammar of Graphics.

Graphic is now under a total refactoring. The prior available version code is here: v0.3.0 . A Flutter data visualization library based on Grammar of

LIN Chen 253 Nov 22, 2021
Elegant OHLC Candlestick and Trade Volume charts for @Flutter

flutter_candlesticks Elegant OHLC Candlestick and Trade Volume charts for Flutter Usage Install for Flutter with pub. Property Description data Requir

Trent Piercy 357 Nov 23, 2021
[reborned barcode_scan] A flutter plugin for reading 2D barcodes and QR codes.

Reborned ?? Original barcode_scan was discontinued, so barcode_scan2 was borned with sound null safety support ?? barcode_scan2 A flutter plugin for s

Masayuki Ono (mono) 29 Nov 21, 2021
:bar_chart: [wip] Create beautiful, responsive, animated charts using a simple and intuitive API.

fcharts A work-in-progress chart library for Flutter. Until version 1.0.0 the API is subject to change drastically. Needless to say, fcharts is not pr

Keenan Thompson 322 Nov 18, 2021
Draw dashed lines with any shape and style you want. Just like that.

dashed_line Draw dashed lines with any shape and style you want. Just like that. Usage Add the dependency to your pubspec.yaml (you can see the newest

LeanCode 14 Oct 18, 2021
Track your habits day by day and check your result like the GitHub's contributions board

Habits Diary Track your habits day by day and see your result like the GitHub's contributions board Download Support If you want to support this proje

Pigna 25 Nov 19, 2021
Beautiful sparkline charts for Flutter

flutter_sparkline Beautiful sparkline charts for Flutter. Installation Install the latest version from pub. Quick Start Import the package, create a S

Victor Choueiri 244 Nov 8, 2021
A Flutter widget to use Apache ECharts (incubating) in a reactive way.

中文 [![pub](https://img.shields.io/pub/v/flutter_echarts.svg)](https://pub.dev/packages/flutter_echarts) A Flutter widget to use Apache ECharts in a re

LIN Chen 531 Nov 24, 2021
Flutter cryptocurrency UI dashboard.

?? ?? Crypto Dashboard Flutter UI Kit ?? ?? ?? ⭐️ ⭐️ ??‍?? Free Flutter UI Kits based on designs on UpLabs ?? . Watch Youtube Speed code Tutorial Here

Olayemii Garuba 59 Nov 29, 2021
AI powered plant disease detection and assistance platform currently available as an App and API.

SUSya - Plant ?? Disease ?? Detector ?? ML Powered App to assist farmers in crop disease detection and alerts. Product Walkthrough SUSya.Demo.mp4 Down

Nanda Kishor M Pai 23 Nov 22, 2021
A beautiful bezier line chart widget for flutter that is highly interactive and configurable.

Bezier Chart A beautiful bezier line chart widget for flutter that is highly interactive and configurable. Features Multi bezier lines Allow numbers a

Aeyrium 400 Nov 18, 2021
Animated radial and pie charts for Flutter

Flutter Circular Chart A library for creating animated circular chart widgets with Flutter, inspired by Zero to One with Flutter. Overview Create easi

Victor Choueiri 354 Nov 26, 2021
A library to draw fantastic bar charts race in Flutter

bar_chart_race The first library to draw fantastic bar charts race in Flutter Usage Let's get started add the dependencies to your app: dependencies:

Mimene Younes 4 Jun 8, 2021
A Flutter library for gradually painting SVG path objects on canvas (drawing line animation).

drawing_animation From static SVG assets See more examples in the showcasing app. Dynamically created from Path objects which are animated over time m

null 382 Nov 29, 2021
A type-safe command-line parsing library for Dart

plade Plade is a type-safe CLI parsing library for Dart. Highlights Fully type-safe and null-safe. Support for a variety of different parsing styles (

Ryan Gonzalez 6 Jul 28, 2021
A customizable code text field supporting syntax highlighting

CodeField A customizable code text field supporting syntax highlighting Live demo A live demo showcasing a few language / themes combinaisons Showcase

Bertrand 76 Nov 28, 2021
a powerful library for debugging Flutter applications

KDebugTools KDebugTools is a powerful library for debugging Flutter applications Chinese You can access these features via WebBrowser Check App and de

KwaiAppTeam 117 Nov 9, 2021
A beautiful and simple bottom navigation bar with smooth animation when switching selected item.

Titled Bottom Navigation Bar A beautiful, clean and simple bottom navigation bar with smooth animation on click. This package is high customizable, re

Pedro Massango 286 Nov 16, 2021
Circular Bottom Navigation Iman KhoshabiCircular Bottom Navigation [368⭐] - Beautiful animated bottom navigation bar by Iman Khoshabi.

Circular Bottom Navigation (or maybe a tab bar). This is implementation of an artwork in Uplabs Donate Support us by becoming a patron on Patreon Let'

Iman khoshabi 435 Nov 23, 2021
An app that opens Facebook, Google, Youtube by Click on the navigation bar items specifically for each.

navbutton A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if thi

dev_allauddin 4 Nov 17, 2021
A Google Analytics wrapper for command-line, web, and Flutter apps.

A wrapper around Google Analytics for command-line, web, and Flutter apps. For web apps To use this library as a web app, import the usage_html.dart l

Dart 122 Nov 5, 2021
A Very Good Command Line Interface for Dart created by Very Good Ventures 🦄

Very Good CLI Developed with ?? by Very Good Ventures ?? A Very Good Command Line Interface for Dart. Installing $ dart pub global activate very_good_

Very Good Open Source 1.1k Dec 1, 2021
A command-line interface for Ultroid

UltroidCli Welcome to the UltroidCli project built for The Ultroid. This Project is actively maintained by Akash Pattnaik. All kinds of contributions

AkashPattanaik 26 Nov 22, 2021
The FlexGrid control provides a powerful and quickly way to display data in a tabular format. It is including that frozened column/row,loading more, high performance and better experience in TabBarView/PageView.

flex_grid Language: English| 中文简体 The FlexGrid control provides a powerful and quickly way to display data in a tabular format. It is including that f

FlutterCandies 25 Nov 17, 2021
Flutter Shine is a library for pretty and realistic shadows, dynamic light positions, extremely customizable shadows, no library dependencies, text or box shadows based on content.

Flutter Shine Show some ❤️ and star the repo to support the project Flutter widget inspired by Shine Installation Add the Package dependencies: flut

Jonathan Monga 137 Nov 26, 2021