All Projects → apgapg → Pie_chart

apgapg / Pie_chart

Licence: mit
Flutter Pie chart with animation

Programming Languages

dart
5743 projects

Projects that are alternatives of or similar to Pie chart

Sunburstr
R htmlwidget for interactive sunburst plots
Stars: ✭ 177 (+51.28%)
Mutual labels:  package, chart
Chartkick Ex
Create beautiful Javascript charts with minimal code
Stars: ✭ 114 (-2.56%)
Mutual labels:  chart
Mtcnn
MTCNN face detection implementation for TensorFlow, as a PIP package.
Stars: ✭ 1,689 (+1343.59%)
Mutual labels:  package
React Fast Charts
Blazing Fast Charting Library in React with loading time less than 50ms
Stars: ✭ 113 (-3.42%)
Mutual labels:  chart
Nativescript Ui Feedback
This repository is used for customer feedback regarding Telerik UI for NativeScript. The issues system here is used by customers who want to submit their feature requests or vote for existing ones.
Stars: ✭ 110 (-5.98%)
Mutual labels:  chart
Flutter auth buttons
Flutter buttons for social platforms
Stars: ✭ 114 (-2.56%)
Mutual labels:  package
Logger json
JSON console backend for Elixir Logger.
Stars: ✭ 108 (-7.69%)
Mutual labels:  package
Markvis
make visualization in markdown. 📊📈
Stars: ✭ 1,509 (+1189.74%)
Mutual labels:  chart
Django Jchart
📈 A Django package for plotting charts using the excellent Chart.JS library.
Stars: ✭ 115 (-1.71%)
Mutual labels:  chart
Calendarheatmap
A calendar based heatmap which presenting a time series of data points in colors.
Stars: ✭ 113 (-3.42%)
Mutual labels:  chart
Repurrrsive
Recursive lists to use in teaching and examples, because there is no iris data for lists.
Stars: ✭ 112 (-4.27%)
Mutual labels:  package
Monocular
⚠️(OBSOLETE) Search and discovery UI for Helm Chart repositories
Stars: ✭ 1,457 (+1145.3%)
Mutual labels:  chart
Golibs
general purpose Golang code (to be included in other projects)
Stars: ✭ 114 (-2.56%)
Mutual labels:  package
Android Ratingreviews
Simple star rating system bars, a view similar to the ones seen on Google Playstore. ⭐🌟✨
Stars: ✭ 110 (-5.98%)
Mutual labels:  chart
Coingraph
Coingraph is a real-time graph for cryptocurrencies.
Stars: ✭ 116 (-0.85%)
Mutual labels:  chart
Docusign Node Client
The Official DocuSign Node.js Client Library used to interact with the eSign REST API. Send, sign, and approve documents using this client.
Stars: ✭ 108 (-7.69%)
Mutual labels:  package
Headlesschrome
A Go package for working with headless Chrome. Run interactive JavaScript commands on web pages with Go and Chrome.
Stars: ✭ 112 (-4.27%)
Mutual labels:  package
Elm Doc Preview
Elm offline documentation previewer
Stars: ✭ 113 (-3.42%)
Mutual labels:  package
Cube.js
📊 Cube — Open-Source Analytics API for Building Data Apps
Stars: ✭ 11,983 (+10141.88%)
Mutual labels:  chart
X6
🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
Stars: ✭ 2,686 (+2195.73%)
Mutual labels:  chart

Pie Chart Cirrus CI - Base Branch Build Status GitHub stars Twitter Follow GitHub last commit Website shields.ioOpen Source Love

This Flutter package provides a Pie Chart Widget with cool animation.

Live Demo: https://apgapg.github.io/pie_chart/

💻 Try LIVE Demo

Live Demo: https://apgapg.github.io/pie_chart/

piechart

💻 Installation

In the dependencies: section of your pubspec.yaml, add the following line:

Version

dependencies:
  pie_chart: <latest version>

❔ Usage

Import this class

import 'package:pie_chart/pie_chart.dart';

Usage is simple. Pie Chart is a widget and it just need a Map<String,double> as its data input.

PieChart
Map<String, double> dataMap = {
    "Flutter": 5,
    "React": 3,
    "Xamarin": 2,
    "Ionic": 2,
  };

- Simple Implementation

PieChart(dataMap: dataMap) 

- Full Implementation

PieChart(
      dataMap: dataMap,
      animationDuration: Duration(milliseconds: 800),
      chartLegendSpacing: 32,
      chartRadius: MediaQuery.of(context).size.width / 3.2,
      colorList: colorList,
      initialAngleInDegree: 0,
      chartType: ChartType.ring,
      ringStrokeWidth: 32,
      centerText: "HYBRID",
      legendOptions: LegendOptions(
        showLegendsInRow: false,
        legendPosition: LegendPosition.right,
        showLegends: true,
        legendShape: _BoxShape.circle,
        legendTextStyle: TextStyle(
          fontWeight: FontWeight.bold,
        ),
      ),
      chartValuesOptions: ChartValuesOptions(
        showChartValueBackground: true,
        showChartValues: true,
        showChartValuesInPercentage: false,
        showChartValuesOutside: false,
      ),
    )

Change legend position with 'legendPosition'

PieChart PieChart PieChart PieChart

Change Chart shape to ring

chartType: ChartType.ring,
PieChart
chartType: ChartType.ring,
showChartValuesOutside: true,
PieChart

⭐ My Flutter Packages

  • json_table GitHub stars Create Flutter Json Table from json map directly.
  • avatar_glow GitHub stars Flutter Avatar Glow Widget with glowing animation.
  • search_widget GitHub stars Flutter Search Widget for selecting an option from list.
  • animating_location_pin GitHub stars Flutter Animating Location Pin Widget providing Animating Location Pin Widget which can be used while fetching device location.

⭐ My Flutter Apps

👍 Contribution

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -m 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].