progress_bar_chart

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket zur Visualisierung mehrerer Datenwerte in einem vertikalen Balkendiagramm mithilfe animierter Fortschrittsindikatoren. Es ermöglicht eine reibungslose, dynamische Darstellung von Daten mit anpassbaren Stilen und Übergängen. Ideal für Dashboards, Leistungsverfolgung oder jede Situation, die eine intuitive Echtzeit-Datenrepräsentation erfordert. Das Paket unterstützt alle wichtigen Plattformen einschließlich Mobile, Web und Desktop und gewährleistet ein konsistentes Verhalten über Geräte hinweg.

Anwendungsfälle

Echtzeit-Daten-Dashboards
Leistungsüberwachung
Benutzerfortschrittsverfolgung
Vergleichende Datenvisualisierung
Interaktive Berichte

Hauptmerkmale

Animierte Fortschrittsbalken
Vertikales Layout
Unterstützung mehrerer Datensätze
Anpassbare Farben und Stile
Plattformübergreifende Kompatibilität

Geeignet für

Entwickler, die Datenvisualisierungsfunktionen erstellen
Apps, die Benutzerfortschrittsanzeiger erfordern
Dashboards mit dynamischen Metriken
Bildungs- oder Fitness-Anwendungen

Hinweise

Am besten geeignet für moderate Datensätze
Beschränkt auf Balken-Darstellung
Erfordert sorgfältige Gestaltung für dichte Daten
Nicht ideal für komplexe statistische Diagramme

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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

Pakete, Repositories und App-Kategorien suchen