搜尋套件、儲存庫與 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 項

原始碼儲存庫

使用此套件的專案

暫無相關資料。