패키지, 저장소 및 앱 카테고리 검색

GitHub 저장소AsherAyub80/flutter_sales_graph

flutter_sales_graph

AsherAyub80/flutter_sales_graph open-source repository details.

flutter_sales_graph 프로젝트 이미지
스타
0
포크
0
최근 푸시(UTC)
2026. 6. 22.
프로젝트 상태
활성

원본 README

아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.

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.

AsherAyub80 GitHub avatar
GitHub 작성자

AsherAyub80 ↗

Dotclick
언어Dart

이 저장소가 배포한 패키지

사용 중인 의존성

의존성 목록 3 개

  • flutter{"sdk":"flutter"}
  • flutter_test개발 의존성{"sdk":"flutter"}
  • flutter_lints개발 의존성^4.0.0

프로젝트에 맞는 저장소를 선택하려면?

사용 목적에 따라 검색하고 개발 활동을 비교한 뒤 원본 저장소에서 요구 사항을 확인하세요.

  1. 이름, 작성자 또는 설명으로 검색하고 기술 주제로 범위를 좁힙니다.
  2. 스타, 포크, 최근 푸시를 함께 비교하세요. 스타는 관심의 지표이며 품질을 보장하지 않습니다.
  3. 사용하기 전에 GitHub에서 README, 라이선스, Issues를 확인하세요.

출처 및 관리

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗