chart_components

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

chart_components é um pacote Flutter que oferece dois widgets de gráficos animados: um gráfico de barras animado e uma grade de calendário animada inspirada no estilo de visualização do GitHub. Projetado para representação de dados, fornece amplas opções de personalização por meio de inúmeras propriedades configuráveis. Os componentes são ideais para exibir dados em série temporal ou métricas de desempenho com animações suaves. Construído com o motor de renderização do Flutter, garante gráficos responsivos e visualmente atraentes, adequados para painéis e interfaces de análise.

Casos de uso

Exibindo dados de séries temporais
Visualização de métricas de desempenho
Criando widgets de painel
Construção de interfaces de análise
Mostrando tendências de atividade
Melhorar a apresentação de dados em aplicativos

Principais recursos

Gráfico de barras animado
gráfico de grade de calendário animado
Opções extensas de personalização
Animações suaves
Design inspirado no GitHub
Layout responsivo

Indicado para

Aplicativos de visualização de dados
Desenvolvimento de painel
Ferramentas de análise
Recursos de rastreamento de atividades
Desenvolvedores Flutter procurando gráficos reutilizáveis

Considerações

Limitado a dois tipos de gráfico
Nenhuma transformação de dados embutida
Requer manipulação manual de dados
Não otimizado para grandes conjuntos de dados
Sem suporte a renderização do lado do servidor
Depende de código-fonte externo

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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

Buscar pacotes, repositórios e categorias de apps