gradient_line_graph

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