flutter_bargraph

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.

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

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

Vertical space around	Horizontal space around	Vertical space between

packages

https://pub.dev/packages/flutter_bargraph