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,
)