[flutter] flutter_pie를 사용한 파이 차트 그리기

이번 글에서는 Flutter 앱에서 파이 차트를 그리는 방법에 대해 알아보겠습니다. flutter_pie 라이브러리를 사용하여 쉽게 파이 차트를 생성할 수 있습니다.

1. flutter_pie 라이브러리 추가하기

먼저, pubspec.yaml 파일에 flutter_pie 패키지를 추가해야 합니다. 다음과 같이 dependencies 내부에 flutter_pie를 추가하세요.

dependencies:
  flutter:
    sdk: flutter
  flutter_pie: ^1.1.0

추가한 후, 터미널에서 flutter packages get 명령을 실행하여 패키지를 설치하세요.

2. 파이 차트 그리기

파이 차트를 그리기 위해 다음과 같이 코드를 작성하세요.

import 'package:flutter/material.dart';
import 'package:flutter_pie/flutter_pie.dart';

class PieChartExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('파이 차트'),
      ),
      body: Center(
        child: PieChart(
          dataMap: {
            'A': 40,
            'B': 30,
            'C': 20,
            'D': 10,
          },
          legendPosition: LegendPosition.bottom,
          legendOptions: LegendOptions(
            showLegends: true,
            legendTextStyle: TextStyle(
              fontWeight: FontWeight.bold,
            ),
          ),
        ),
      ),
    );
  }
}

위 코드에서는 PieChart 위젯을 사용하여 파이 차트를 생성하고, dataMap을 통해 데이터를 전달합니다. 이 예제에서는 ‘A’, ‘B’, ‘C’, ‘D’로 구성된 4개의 항목을 가진 차트를 만들었습니다.

3. 실행해보기

이제 위에서 작성한 PieChartExample 위젯을 사용하여 앱을 실행해보세요. 파이 차트가 화면에 나타날 것입니다. dataMap의 값을 변경하면 차트가 동적으로 업데이트됩니다.

참고 자료

위의 자료들을 참고하여 더 자세한 사용법 및 기능을 알아보세요.