flutter_bargraph

Flutter 条形图指示器。它在条形图上图形化地显示当前值，并在值更改时管理其动画。您可以自定义条形的方向和方向。

条形图

功能

• 最小/最大属性
• 可自定义的颜色和文本样式
• 垂直方向，从左到右和从右到左方向
• 水平方向，从上到下和从下到上方向
• 可自定义的分割数量

用法

请务必查看示例。

安装

将以下行添加到pubspec.yaml

dependencies:
  flutter_bargraph: ^1.1.0

基本设置

完整的示例可用

条形图要求您提供 min、max 和 value

• min 是条形图刻度的最小值。

• max 是条形图刻度的最大值。

• value 是条形图刻度的当前值。

  条形图(
  min: 0,
  max: 100.0,
  value: 65.0,
  );

高级选项

风格

• orientation 是刻度的方向，默认为从下往上垂直。
• indicatorStyle 是刻度指示器的样式，默认为 BOTH，左右可见。
• indicatorSpacing 是刻度指示器的间距，默认为 SPACE_AROUND，另一种是 SPACE_BETWEEN。

颜色

• backgroundColor 是条形图的背景颜色。
• barColor 是实际值条的颜色。
• indicatorsColor 是刻度指示器的颜色。

指示器文本

• textStyle 是指示器文本的 TextStyle。
• textAlign 是指示器文本的对齐方式。
• fractionDigits 是可见的小数位数。
• divisions 是刻度的分割数量。
• textFlex 是用于文本的部分的百分比，剩余空间用于指示器。

动画

• animationDuration 以毫秒为单位，这是实际值更改时动画的持续时间。

示例

垂直间距	水平间距	垂直间隔

包

https://pub.dev/packages/flutter_bargraph