progress_bar_chart

패키지 개요

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

애니메이션된 진행률 인디케이터를 사용하여 수직 막대 차트에서 여러 데이터 값을 시각화하는 플러터 패키지입니다. 사용자 정의 스타일과 전환 효과를 통해 부드럽고 동적 데이터 렌더링을 가능하게 합니다. 대시보드, 성능 추적 또는 직관적인 실시간 데이터 표현이 필요한 모든 상황에 적합합니다. 모바일, 웹, 데스크톱을 포함한 모든 주요 플랫폼을 지원하며 장치 간 일관된 동작을 보장합니다.

사용 사례

실시간 데이터 대시보드
성능 모니터링
사용자 진행률 추적
비교 데이터 시각화
인터랙티브 보고서

주요 기능

애니메이션 진행 막대
수직 레이아웃
다중 데이터 시리즈 지원
사용자 지정 가능한 색상 및 스타일
크로스 플랫폼 호환성

적합한 대상

데이터 시각화 기능을 구축하는 개발자
사용자 진행률 표시기가 필요한 앱
동적 메트릭을 갖춘 대시보드
교육 또는 피트니스 애플리케이션

고려 사항

중간 규모의 데이터 세트에 가장 적합
바 스타일 시각화에 제한됨
밀도 높은 데이터를 위한 신중한 설계가 필요합니다
복잡한 통계 차트에는 적합하지 않음

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

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

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

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

progress_bar_chart

패키지 설치

패키지 개요

사용 사례

주요 기능

적합한 대상

고려 사항

원본 README

progress_bar_chart

Features

Usage

카테고리

의존성

소스 저장소

진행률 바 차트

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