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

flutter_sales_graph 표지
패키지 상세v0.0.5

flutter_sales_graph

바 차트 형식으로 판매 데이터를 표시하기 위한 플러터 패키지입니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
36
좋아요
9
Pub 점수
150

패키지 설치

flutter pub add flutter_sales_graph

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

직관적인 막대 차트를 사용하여 판매 데이터를 시각화하도록 설계된 플러터 패키지입니다. 개발자가 응답성 있고 사용자 정의 가능한 막대 차트를 애플리케이션에 쉽게 통합할 수 있게 해주며, 대시보드나 분석 인터페이스에 적합합니다. 이 패키지는 Android, iOS, 웹, macOS, Windows, Linux 등 여러 플랫폼을 지원하며 크로스플랫폼 일관성을 보장합니다. 간단한 구성 옵션을 통해 다양한 데이터 세트와 화면 크기에 맞춰진 깔끔하고 상호작용 가능한 차트를 렌더링합니다.

사용 사례

  • 판매 대시보드 시각화
  • 실시간 데이터 추적
  • 비즈니스 분석 앱
  • 전자상거래 성능 모니터링
  • 보고 도구

주요 기능

  • 막대 차트 렌더링
  • 크로스 플랫폼 지원
  • 사용자 지정 가능한 색상 및 레이블
  • 반응형 디자인
  • 데이터 스트림과의 간편한 통합
  • 부드러운 애니메이션

적합한 대상

  • 비즈니스 앱을 개발하는 개발자
  • 분석 대시보드 제작자
  • 전자상거래 플랫폼 팀
  • 데이터 시각화 초보자
  • 판매 지표가 필요한 플러터 프로젝트

고려 사항

  • 호환 형식의 데이터가 필요합니다
  • 막대 차트 유형에 한정
  • 복잡한 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.

카테고리

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.