progress_bar_chart

Visão geral do pacote

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

Um pacote Flutter para visualizar múltiplos valores de dados em um gráfico de barras vertical usando indicadores de progresso animados. Permite renderização suave e dinâmica dos dados com estilos e transições personalizáveis. Ideal para painéis de controle, rastreamento de desempenho ou qualquer cenário que exija representação intuitiva e em tempo real de dados. O pacote suporta todas as principais plataformas, incluindo móvel, web e desktop, garantindo comportamento consistente entre dispositivos.

Casos de uso

painéis de dados em tempo real
Monitoramento de desempenho
rastreamento de progresso do usuário
visualização comparativa de dados
Relatórios interativos

Principais recursos

Barras de progresso animadas
Layout vertical
Suporte a múltiplas séries de dados
Cores e estilos personalizáveis
Compatibilidade multiplataforma

Indicado para

Desenvolvedores construindo recursos de visualização de dados
Aplicativos que exigem indicadores de progresso do usuário
Painéis com métricas dinâmicas
Aplicações educacionais ou de condicionamento físico

Considerações

Mais adequado para conjuntos de dados moderados
Limitado à visualização em estilo de barra
Requer um design cuidadoso para dados densos
Não ideal para gráficos estatísticos complexos

README original

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

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

Buscar pacotes, repositórios e categorias de apps