Circular Charts

Animated Flower-shaped chart for Flutter.

Getting Started

To use this package, add circular_charts as a dependency in your pubspec.yaml file.

Example

Usage

Basic usage of circular_charts requires the following parameters:

• chartHeight (double)
• chartWidth (double)
• pieChartChildNames (List
• pieChartPercentages (List
• pieChartStartColors (List
• pieChartEndColors (List
• isShowingLegend (bool)
• isShowingCentreCircle (bool)
• animationTime (double)
• centreCircleBackgroundColor (Color?)
• centreCirclePercentageTextStyle (TextStyle?)
• centreCircleSubtitleTextStyle (TextStyle?)
• centreCircleTitle (String?)
• overAllPercentage (double)

CircularChart(
  isShowingCentreCircle: true,
  animationTime: 800,
  chartHeight: 300,
  chartWidth: 400,
  pieChartChildNames: [
    "Maths",
    "History",
    "Science",
    "Chemistry",
    "Physics",
    "English"
  ],
  pieChartEndColors: [
    Color(0xfffc7e00),
    Color(0xfffc6076),
    Color(0xff007ced),
    Color(0xff4e9b01),
    Color(0xff009efd),
    Color(0xffff4b63),
  ],
  pieChartStartColors: [
    Color(0xffffd200),
    Color(0xffff9231),
    Color(0xff00beeb),
    Color(0xff92d108),
    Color(0xff00dbbe),
    Color(0xfff280ff),
  ],
  pieChartPercentages: [0, 20, 20, 0, 0, 0],
  isShowingLegend: true,
),

A full example (as seen in the screenshots) can be found in example/lib/main.dart