chart_components

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

chart_components ist ein Flutter-Paket, das zwei animierte Diagramm-Widgets bietet: ein animiertes Balkendiagramm und ein animiertes Kalender-Gitter-Diagramm, das von der Visualisierungsart von GitHub inspiriert ist. Speziell für die Datenrepräsentation entwickelt, bietet es umfangreiche Anpassungsmöglichkeiten durch zahlreiche konfigurierbare Eigenschaften. Die Komponenten sind ideal zur Darstellung zeitlicher Datenreihen oder Leistungsmetriken mit fließenden Animationen. Aufbauend auf Flutter's Rendering-Engine sorgt es für reaktionsfreudige und visuell ansprechende Diagramme, die sich für Dashboards und Analyse-Oberflächen eignen.

Anwendungsfälle

Anzeige von Zeitreihendaten
Visualisierung von Leistungsmetriken
Erstellen von Dashboard-Widgets
Aufbau von Analyse-Schnittstellen
Aktivitätsverläufe anzeigen
Verbesserung der Datenpräsentation in Apps

Hauptmerkmale

Animierter Balkenchart
animierte Kalender-Gitterdiagramm
Umfangreiche Anpassungsoptionen
Glatte Animationen
GitHub-inspiriertes Design
Reaktives Layout

Geeignet für

Datenvisualisierungs-Apps
Dashboard-Entwicklung
Analysetools
Aktivitätsverfolgungsfunktionen
Flutter-Entwickler, die wiederverwendbare Diagramme suchen

Hinweise

Beschränkt auf zwei Diagrammtypen
Keine integrierte Datenumwandlung
Benötigt manuelle Datenverarbeitung
Nicht für große Datensätze optimiert
Keine Unterstützung für Server-Seiten-Rendern
Abhängig von externem Quellcode

Original-README

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

Animated bar chart for Flutter

Customizable bar chart for Flutter. The component calculates min and max of data and resizes bars as needed.

Add a data collection with the values to generate the bars.
Add a string collection with the labels to display below the items (optional)
Change bar size, margins and top corners as needed.
Change bar's color based on value. Callback, optional.
Enable/disable value on top of bar
Add an icon to the top of the bar based on item's value. Callback, optiona.
Enable/disable animation.
Change animation duration and curve through the properties

Animated calendar grid for Flutter

Generates a grid for the selected month.
Changes day color through callback.
Animates changes. Animation curve and duration can be modified with the properties.

Demo

Demo:

Usage

To use plugin, just import package import 'package:chart_components/chart_components.dart';

Example

Check de example directory to access the project that implements the image shown above.

        ........
                    CalendarGrid(
                            year: 2020,
                            month: 1,
                            getColorOfDay: DataRepository.getDayColor,
                            animationDuration: Duration(milliseconds: 1500),
                    ),

        ...........
                    child: BarChart(
                    data: data,
                    labels: labels,
                    dislplayValue: true,
                    reverse: true,
                    getColor: DataRepository.getColor,
                    getIcon: DataRepository.getIcon,
                    barWidth: 42,
                    barSeparation: 12,
                    animationDuration: Duration(milliseconds: 1800),
                    animationCurve: Curves.easeInOutSine,
                    itemRadius: 30,
                    iconHeight: 24,
                    footerHeight: 24,
                    headerValueHeight: 16,
                    roundValuesOnText: false,
                    lineGridColor: Colors.lightBlue,
                    ),

Pakete, Repositories und App-Kategorien suchen