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: <last-release>

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

Vertical space around	Horizontal space around	Vertical space between

📚 My open source projects

Flutter

Package	Verison	Score	Likes	Test	Coverage

Dart

Package	Verison	Score	Likes	Test	Coverage