Radial Chart Package
A reusable, interactive radial chart widget for Flutter. Supports dynamic thickness, animated selection, and custom labels.
📸 Preview

🚀 Features
- Dynamic segment thickness based on percentage
- Animated segment selection
- Optional labels
- Configurable center radius, gap, and outer size
🛠 Usage
RadialPerformanceChart(
radius: 150,
segments: [
SegmentData(percentage: 72, color: Colors.blue, label: "72%"),
SegmentData(percentage: 100, color: Colors.amber, label: "100%"),
// ...
],
)
radius
: The radius of the chart.segments
: A list ofSegmentData
objects, each representing a segment of the chart.percentage
: The percentage of the segment (0-100).label
: The label for the segment (optional).gapPercentage
: The gap between segments (0-0.20).centerCircleRadius
: The radius of the center circle (0-1).backgroundColor
: The background color of the chart.segmentHeight
: The height of the segments.
RadialPerformanceChart(
backgroundColor: Colors.black,
centerCircleRadius: 0.30,
gapPercentage: 0.005,
segmentHeight: 1.5,
radius: 150,
segments: [
SegmentData(percentage: 72, color: Colors.blue, label: "blue"),
SegmentData(percentage: 100, color: Colors.amber, label: "amber"),
SegmentData(percentage: 65, color: Colors.red, label: "red"),
SegmentData(percentage: 50, color: Colors.green, label: "green"),
// Add more segments as needed
],
),
📦 Installation
Add the following to your pubspec.yaml
file:
dependencies:
radial_chart_package: latest
Then, run flutter pub get
to install the package.
🔗 GitHub Repository
Find the source code and contribute to the project here: Radial Chart Package Repository
🤝 Contributing
Contributions are welcome! If you'd like to improve this package, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes and commit them with clear messages.
- Push your branch to your forked repository.
- Open a pull request to the main branch of this repository.
Please ensure your code follows the existing style and includes tests where applicable. For major changes, consider opening an issue first to discuss your ideas.
Libraries
- radial_chart_package
- A Flutter package for creating radial performance charts with customizable segments.
- widgets/radial_performance_chart
- widgets/segment_data