ducafecatFlutter 生态导航
FLUTTER ECOSYSTEM

LukasKompatscher/progress_bar_chart

一个用于在垂直图表上使用进度指示器和动画显示多个值的包。

在 GitHub 查看 ↗
进度条图表 项目封面
Stars
3
Forks
2
最近推送（UTC）
2025年6月23日
项目状态
未归档
Lukas Kompatscher GitHub avatar
GITHUB User

Lukas Kompatscher ↗

Software Developer

@kim-company South Tyrol, Italy
语言Dart

技术话题

# dart# flutter

此仓库发布的插件

使用的依赖

依赖清单 5 项

原始 README

以下为英文项目原文快照，最新内容请访问 GitHub。

展开 / 收起项目 README

progress_bar_chart

A package to display multipe values on a vertical chart using progess indicators and animation. Each value can has a color .

Features

Example 1 Example 2
Example Example

Usage

Example 1:

final List<StatisticsItem> stats = [
  StatisticsItem(Colors.blue, 500, title: 'Type 1'),
  StatisticsItem(Colors.green, 200, title: 'Type 2'),
  StatisticsItem(Colors.red, 300, title: 'Type 3'),
  StatisticsItem(Colors.yellow, 100, title: 'Type 4'),
];

ProgressBarChart(
    values: stats,
    height: 30,
    borderRadius: 20,
    totalPercentage: 1100,
    unitLabel: 'kg',
),

Example 2:

final List<StatisticsItem> stats = [
  StatisticsItem(Colors.blue, 0.4),
  StatisticsItem(Colors.green, 0.3),
  StatisticsItem(Colors.red, 0.2),
  StatisticsItem(Colors.yellow, 0.1),
];

ProgressBarChart(
  values: stats,
  height: 30,
  borderRadius: 20,
),

Without labels and colorblend:

final List<StatisticsItem> stats = [
  StatisticsItem(Colors.blue, 0.4),
  StatisticsItem(Colors.green, 0.3),
  StatisticsItem(Colors.red, 0.2),
  StatisticsItem(Colors.yellow, 0.1),
];

ProgressBarChart(
  values: stats,
  height: 30,
  borderRadius: 20,
  showLables: false,
  colorBlend: false,
)