搜索插件、代码仓与 APP 分类

progress_bar_chart 封面
插件详情v0.0.13

progress_bar_chart

一个用于在垂直图表上使用进度指示器和动画显示多个值的包。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
345
喜欢数
14
Pub 分数
145

安装插件

flutter pub add progress_bar_chart

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个用于在垂直条形图上使用动画进度指示器可视化多个数据值的 Flutter 包。它支持平滑、动态的数据渲染,具有可自定义的样式和过渡效果。非常适合仪表板、性能跟踪或任何需要直观实时数据表示的场景。该包支持所有主要平台,包括移动设备、网页和桌面端,确保在各种设备上行为一致。

适合场景

  • 实时数据仪表板
  • 性能监控
  • 用户进度跟踪
  • 比较数据可视化
  • 交互式报表

主要特点

  • 动画进度条
  • 垂直布局
  • 支持多个数据系列
  • 可自定义的颜色和样式
  • 跨平台兼容性

适合对象

  • 开发数据可视化功能的开发者
  • 需要用户进度指示器的应用程序
  • 带有动态指标的仪表板
  • 教育或健身应用程序

使用建议

  • 最适合中等数据集
  • 仅限条形图可视化
  • 需要仔细设计以处理密集数据
  • 不适合复杂的统计图表

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

progress_bar_chart

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
Example Example

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

所属分类

依赖

依赖清单 2 项

源码仓库

使用此插件的项目

暂无相关数据。