0 purchases
Description:
gradient line graph
Gradient Line Graph #
GradientLineGraphWidget is a simple and customizable animated connecting button widget GradientLineGraphWidget
The source code is 100% Dart.
Motivation #
I need some animated graph in my Flutter application.
Getting started #
Installing #
Add this to your package's pubspec.yaml file:
This library is posted in pub.dev
pubspec.yaml
dependencies:
gradient_line_graph: ^1.0.0
copied to clipboard
Usage #
After Importing this library, you can directly use this view in your Widget tree
import 'package:gradient_line_graph/gradient_line_graph.dart';
copied to clipboard
GradientLineGraphView(
min: 0,
max: 100,
value: downloadRate,
precentage: downloadProgress,
color: Color(0xFF4cbdbb).withOpacity(0.7),
duration: Duration(milliseconds: 0),
)
copied to clipboard
Customization #
Depending on your view you may want to tweak the UI. For now you can these custom attributes
Property
Type
Description
'min'
double
Minimum value to start graph line from
'max'
double
Maximum value (End point of graph line)
'value'
double
Value of the line points
'percentage'
double
Line graph progress percentage
'color'
Color
Color of the line in line graph
'duration'
double
Duration of the animation
'gradient'
double
Gradiant below the line in line graph
'lineThickness'
double
Thickmedd of the line in line graph
Screenshots #
Author #
Saurabh K Sharma - GIT
I am very new to open source community. All suggestion and improvement are most welcomed.
Contributors #
Sorabh
Rohit Kumar Mishra
Contributing #
Fork it (https://github.com/sorbh/gradient_line_graph/fork)
Create your feature branch (git checkout -b feature/fooBar)
Commit your changes (git commit -am 'Add some fooBar')
Push to the branch (git push origin feature/fooBar)
Create a new Pull Request
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Files:
Customer Reviews
There are no reviews.
