搜尋套件、儲存庫與 APP 分類

flutter_sales_graph 封面
套件詳情v0.0.5

flutter_sales_graph

一個用於以條狀圖格式顯示銷售資料的 Flutter 套件。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
36
喜歡數
9
Pub 分數
150

安裝套件

flutter pub add flutter_sales_graph

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

一個專為使用直觀條形圖來視覺化銷售資料而設計的 Flutter 套件。它讓開發者能輕鬆將響應式且可自訂的條形圖整合至應用程式中,非常適合儀表板或分析介面。此套件支援多個平台,包括 Android、iOS、Web、macOS、Windows 和 Linux,確保跨平台的一致性。透過簡單的設定選項,可呈現乾淨、互動式的圖表,能適應各種資料集與螢幕尺寸。

適用情境

  • 銷售儀表板視覺化
  • 即時資料追蹤
  • 商業分析應用
  • 電子商務效能監控
  • 報告工具

主要特色

  • 條形圖渲染
  • 跨平台支援
  • 可自訂的顏色和標籤
  • 響應式設計
  • 與資料流的輕鬆整合
  • 流暢的動畫

適合對象

  • 開發業務應用的開發者
  • 分析儀表板創建者
  • 電子商務平台團隊
  • 數據可視化初學者
  • 需要銷售指標的Flutter專案

使用建議

  • 需要相容格式的資料
  • 僅限柱狀圖類型
  • 複雜的 UI 可能需要額外的樣式
  • 依賴於 Flutter 的渲染引擎
  • 不適用於非銷售資料類型

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

flutter_sales_graph

A Flutter package for displaying customizable bar charts for sales data.

Features

  • Displays a bar chart with customizable bar appearance and layout.
  • Supports different time ranges (e.g., Last 7 Days, Last 30 Days, Last 12 Months).
  • Customizable parameters for bar height, width, colors, and labels.

Platforms Supported

  • Android: Yes
  • iOS: Yes
  • Web: Yes
  • Windows: Yes
  • macOS: Yes
  • Linux: Yes

Screenshot

Sales Graph Screenshot

Installation

To use the flutter_sales_graph package in your Flutter project, follow these steps:

  1. Add flutter_sales_graph to your pubspec.yaml file:

    dependencies:
      flutter_sales_graph: ^0.0.5
    
  2. Run flutter pub get to install the package.

Usage

Here’s a basic example of how to use the FlutterSalesGraph widget in your Flutter app:

  1. Import the package:

    import 'package:flutter_sales_graph/flutter_sales_graph.dart';
    
  2. Use the FlutterSalesGraph widget:

     import 'package:flutter/material.dart';
    import 'package:flutter_sales_graph/flutter_sales_graph.dart';
    
    void main() {
    

runApp(MyApp()); }

class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar(title: Text('Sales Graph Example')), body: Center( child: FlutterSalesGraph( salesData: [100, 200, 150, 300, 250, 350], labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'], maxBarHeight: 250.0, barWidth: 30.0, colors: [Colors.blue, Colors.green, Colors.red], dateLineHeight: 20.0, ), ), ), ); } }

```

Parameters

  • salesData: A List<double> representing the sales values. Must be non-empty.
  • labels: A List<String> representing the labels corresponding to each bar. Must be non-empty and the same length as salesData.
  • selectedRange: A String to indicate the selected time range for the graph. (For display purposes; not functional in this package).
  • maxBarHeight: A double specifying the maximum height of the bars in the graph.
  • barWidth: A double specifying the width of each bar in the graph.
  • colors: A List<Color> providing the colors for the bars.
  • dateLineHeight: A double specifying the height of the labels below the bars.

Example

For a full example of how to use this package, see the example directory in the GitHub repository.

Development

If you’d like to contribute to this package, please follow these guidelines:

  1. Fork the repository:

    • Click the "Fork" button on the top-right corner of github page.
  2. Clone your fork:

    git clone https://github.com/AsherAyub80/flutter_sales_graph.git
    
    
  3. Create a branch for your changes:

    git checkout -b feature/your-feature-name
    
  4. Make your changes and commit them:

          git add .
          git commit -m "Add feature: your feature description"
    
  5. Push your changes:

        git push origin feature/your-feature-name
    
  6. Create a pull request:

    Go to the repository on GitHub and click the "New Pull Request" button.

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。