half_wheel_arc_chart 0.0.2 half_wheel_arc_chart: ^0.0.2 copied to clipboard
Half Wheel Arc Chart
Animated Half-Wheel Arc Chart #
animated_half_wheel_chart
is a Flutter package that provides an animated half-wheel arc chart with customizable values, colors, stroke width, and center text. This widget allows you to display a circular progress chart in a half-wheel shape, perfect for visualizing proportional data in a stylish way.
Features #
- Animated drawing of the arc with a smooth transition.
- Customizable stroke width and segment gaps.
- Ability to display a central text label inside the chart.
- Flexible color customization for each segment.
- Easy integration into any Flutter project.
Installation #
Add the following dependency in your pubspec.yaml
file:
dependencies:
animated_half_wheel_chart: ^1.0.0
## Usage
import 'package:flutter/material.dart';
import 'package:animated_half_wheel_chart/animated_half_wheel_chart.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text('Animated Half-Wheel Chart')),
body: Center(
child: AnimatedHalfWheelArcChart(
values: [30, 40, 50],
colors: [Colors.blue, Colors.green, Colors.orange],
centerText: "Progress",
textStyle: TextStyle(fontSize: 18, color: Colors.black),
),
),
),
);
}
}
![img_1.png](img_1.png)