[swift] Swift Charts 사용 방법

24 Nov 2023

swift

Swift Charts는 iOS 앱에서 데이터를 시각화하는 데 사용되는 강력한 라이브러리입니다. 이 라이브러리를 사용하여 막대 그래프, 선 그래프, 원 그래프 등 다양한 유형의 그래프를 만들 수 있습니다.

설치

Swift Charts를 사용하기 위해 다음과 같이 CocoaPods를 통해 라이브러리를 설치해야 합니다.

Podfile에 아래 내용을 추가합니다.

pod 'Charts'

터미널에서 아래 명령어를 입력합니다.

$ pod install

xcworkspace 파일을 열어서 라이브러리가 제대로 설치되었는지 확인합니다.

막대 그래프 생성

Swift Charts를 사용하여 막대 그래프를 생성하는 방법은 다음과 같습니다.

BarChartView를 생성합니다.

import Charts

let barChartView = BarChartView()

데이터를 포함한 BarChartData를 생성합니다.

var dataEntries: [BarChartDataEntry] = []

dataEntries.append(BarChartDataEntry(x: 0, y: 20))
dataEntries.append(BarChartDataEntry(x: 1, y: 30))
dataEntries.append(BarChartDataEntry(x: 2, y: 50))
dataEntries.append(BarChartDataEntry(x: 3, y: 10))

let dataSet = BarChartDataSet(entries: dataEntries, label: "막대 그래프")
let data = BarChartData(dataSet: dataSet)

BarChartView에 데이터를 설정합니다.

barChartView.data = data

그래프를 화면에 표시합니다.

view.addSubview(barChartView)

선 그래프 생성

Swift Charts를 사용하여 선 그래프를 생성하는 방법은 다음과 같습니다.

LineChartView를 생성합니다.

import Charts

let lineChartView = LineChartView()

데이터를 포함한 LineChartData를 생성합니다.

var dataEntries: [ChartDataEntry] = []

dataEntries.append(ChartDataEntry(x: 0, y: 20))
dataEntries.append(ChartDataEntry(x: 1, y: 30))
dataEntries.append(ChartDataEntry(x: 2, y: 50))
dataEntries.append(ChartDataEntry(x: 3, y: 10))

let dataSet = LineChartDataSet(entries: dataEntries, label: "선 그래프")
let data = LineChartData(dataSet: dataSet)

LineChartView에 데이터를 설정합니다.

lineChartView.data = data

그래프를 화면에 표시합니다.

view.addSubview(lineChartView)

원 그래프 생성

Swift Charts를 사용하여 원 그래프를 생성하는 방법은 다음과 같습니다.

PieChartView를 생성합니다.

import Charts

let pieChartView = PieChartView()

데이터를 포함한 PieChartData를 생성합니다.

var dataEntries: [ChartDataEntry] = []

dataEntries.append(ChartDataEntry(value: 20, label: "데이터1"))
dataEntries.append(ChartDataEntry(value: 30, label: "데이터2"))
dataEntries.append(ChartDataEntry(value: 50, label: "데이터3"))

let dataSet = PieChartDataSet(entries: dataEntries, label: "원 그래프")
let data = PieChartData(dataSet: dataSet)

PieChartView에 데이터를 설정합니다.

pieChartView.data = data

그래프를 화면에 표시합니다.

view.addSubview(pieChartView)

위의 예제 코드를 사용하여 Swift Charts를 사용하는 방법을 알아보았습니다. 이 라이브러리는 다양한 그래프를 생성하는 데 매우 유용하며, 앱에서 데이터를 시각화하는 데 도움이 될 것입니다. 더 자세한 내용은 공식 GitHub 저장소를 참조하시기 바랍니다.