Pie Chart Widget for Flutter with Customization

The Easy Pie Chart package provides a versatile pie chart widget for Flutter applications. It offers various customization options to create interactive and visually appealing pie charts.


Three Pie Chart Variants:

  • Crust: Only border, no fill.
  • TriCrust: Borders around each pie slice.
  • Fill: Filled pie slices.

Interactive Pie Slices:

  • Each pie slice is interactive and responds to user taps.

Customization Options:

  • Adjustable gap between pie slices.
  • Control over the border edge style (rounded, squared, etc.).
  • Start angle of the pie chart can be customized.
  • Text or widget display options inside the pie chart.
  • Animations: Clockwise and anti-clockwise animations with adjustable duration.

Getting started

To use this package, add the following line to your pubspec.yaml file:

  easy_pie_chart: ^version

Then, import the package in your Dart file:

import 'package:easy_pie_chart/easy_pie_chart.dart';


Here's a simple example of creating a Easy pie chart:

  children: [
    PieData(value: 30, color: Colors.red),
    PieData(value: 50, color: Colors.blue),

Demo GIF

For more examples, check out the /example folder in this repository.


NameDescriptionDefault ValueData TypeRequired
childrenList of PieData objects representing each pie slice.-ListYes
showValueDetermines whether the value is shown on each pie slice.trueboolNo
startStarting angle of the pie chart in degrees.-90doubleNo
gapGap between pie chart slices.0.0doubleNo
borderWidthWidth of the border for crust and triCrust pie types.30.0doubleNo
borderEdgeEdge shape of the border for crust pie type.StrokeCap.roundStrokeCapNo
shouldAnimateDetermines if the pie chart animates clockwise during build.trueboolNo
animateDurationDuration of the animation.1500msDuration?No
animateFromEndIf true, animation starts anti-clockwise.falseboolNo
centerTextText to be displayed at the center of the pie chart.nullString?No
styleTextStyle for centerText.nullTextStyle?No
centerStyleTextStyle for the value displayed on each pie slice.nullTextStyle?No
pieTypeEnum defining the pie chart type (crust, triCrust, fill).PieType.crustPieTypeNo
onTapFunction triggered when a pie slice is tapped.nullvoid Function(int)?No
sizeSize of the pie chart.200.0doubleNo

Contribution and Issues

Contributions and bug reports are welcome! Feel free to create pull requests and issues on the GitHub repository.


This package is available under the MIT License.

 View on GitHub: https://github.com/Laiq37/easy_pie_chart  


Pie Chart Widget for Flutter with Customization
1 Likes1.65 GEEK