パッケージ、リポジトリ、アプリカテゴリを検索

GitHub リポジトリLukasKompatscher/progress_bar_chart

プログレスバー図

プログレッシブインジケーターとアニメーションを使用して、垂直チャートに複数の値を表示するパッケージです。

プログレスバー図 のプロジェクト画像
スター
3
フォーク
2
最終プッシュ(UTC)
2025/06/23
プロジェクト状態
公開中

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

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,
)
Lukas Kompatscher GitHub avatar
GitHub 作者

Lukas Kompatscher ↗

Software Developer

@kim-company South Tyrol, Italy
言語Dart

カテゴリー

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 5 件

プロジェクトに合うリポジトリを選ぶには?

用途で絞り込み、開発状況を比較し、採用前に元のリポジトリで要件を確認しましょう。

  1. 名前・作者・説明で検索し、技術トピックで絞り込みます。
  2. スター、フォーク、最近のプッシュを比較します。スターは関心の目安であり、品質の保証ではありません。
  3. 利用前に GitHub で README、ライセンス、Issues を確認します。

情報源と管理

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗