progress_bar_chart

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

アニメーション付きプログレスインジケーターを使用して、垂直棒グラフ上で複数のデータ値を可視化するためのFlutterパッケージです。カスタマイズ可能なスタイルとトランジションを備えたスムーズでダイナミックなデータレンダリングを可能にします。ダッシュボード、パフォーマンストラッキング、または直感的でリアルタイムのデータ表現が必要なあらゆるシナリオに最適です。モバイル、Web、デスクトップを含むすべての主要プラットフォームをサポートしており、デバイス間で一貫した動作を保証します。

用途

リアルタイムデータダッシュボード
パフォーマンス監視
ユーザーの進行状況のトラッキング
比較的データ可視化
インタラクティブレポート

主な機能

アニメーション付きプログレスバー
垂直レイアウト
複数のデータシリーズをサポート
カスタマイズ可能な色とスタイル
クロスプラットフォーム互換性

適している対象

データ可視化機能を構築している開発者
ユーザーの進行状況を示すインジケーターが必要なアプリ
動的メトリクスを備えたダッシュボード
教育またはフィットネスアプリケーション

注意事項

中程度のデータセットに最適
バー形式の可視化に限定
密度の高いデータには注意深い設計が必要です
複雑な統計チャートには適していない

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

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

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

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