flutter_bargraph 1.1.0
flutter_bargraph: ^1.1.0 copied to clipboard

Bar Graph Indicator for Flutter. It graphically displays the current value on a bar graph with animation when the value changes. orientation/direction of the bar is castumizable.

flutter_bargraph #

Pub Package Package Issue Package License

Bar Graph Indicator for Flutter. It graphically displays the current value on a bar graph and manages its animation when the value changes. you can customize the orientation and direction of the bar.

Image
BarGraph

Features #

  • Min/Max property
  • Customizable colors and text style
  • Vertical orientation, left to right and right to left direction
  • Horizontal orientation, top to bottom and bottom to top direction
  • Number of divisions customizable

Usage #

Make sure to check out examples.

Installation #

Add the following line to pubspec.yaml:

dependencies:
  flutter_bargraph: ^1.1.0

Basic setup #

The complete example is available here.

BarGraph requires you to provide min, max and value:

  • min is the min value of BarGraph scale.
  • max is the max value of BarGraph scale.
  • value is the currently value of BarGraph scale.
BarGraph(
    min: 0,
    max: 100.0,
    value: 65.0,
);

Advanced options #

Style

  • orientation is the scale orientation, default vertical from bottom.
  • indicatorStyle is the scale indicators style, default BOTH, left and right visible.
  • indicatorSpacing is the scale indicators spacing, default SPACE_AROUND, alternative SPACE_BETWEEN.

Colors

  • backgroundColor is the background color og BarGraph.
  • barColor is the color of actual value bar.
  • indicatorsColor is the color of indicators scale.

Indicators text

  • textStyle is the TextStyle of indicators text.
  • textAlign is the Alignment of indicators text.
  • fractionDigits is the number of fraction digits visible.
  • divisions is the number of divisions of scale.
  • textFlex is the percentage of portion used for text, remaining space is used for indicators.

Animation

  • animationDuration in milliseconds, it's duration time of animation when actual value changed.

Example #

ImageImageImage
Vertical space aroundHorizontal space aroundVertical space between
1
likes
130
pub points
28%
popularity

Publisher

rcprogrammer.net

Bar Graph Indicator for Flutter. It graphically displays the current value on a bar graph with animation when the value changes. orientation/direction of the bar is castumizable.

Repository (GitHub)
View/report issues

Documentation

API reference

License

LICENSE

Dependencies

flutter

More

Packages that depend on flutter_bargraph