[swift] - Swift Charts를 사용한 실시간 데이터 표시

Swift Charts는 iOS 앱에서 간단하게 그래프를 그릴 수 있는 라이브러리입니다. 이 라이브러리를 사용하면 실시간으로 업데이트되는 데이터를 시각적으로 표시할 수 있습니다. 이번 블로그 포스트에서는 Swift Charts를 사용하여 실시간 데이터를 그래프로 표시하는 방법에 대해 알아보겠습니다.

Swift Charts 설치

Swift Charts를 사용하기 위해서는 먼저 CocoaPods를 프로젝트에 추가해야 합니다. Podfile에 다음과 같이 Swift Charts를 추가합니다.

pod 'Charts'

그리고 터미널에서 pod install 명령어를 실행하여 Swift Charts를 설치합니다.

라이브러리 가져오기

Swift 코드에서 Swift Charts 라이브러리를 사용하기 위해 다음과 같이 import문을 추가합니다.

import Charts

실시간 데이터 표시

데이터를 실시간으로 그래프에 표시하기 위해 LineChartView 클래스를 사용합니다. 먼저, LineChartView 인스턴스를 생성합니다.

let lineChartView = LineChartView(frame: CGRect(x: 0, y: 0, width: 300, height: 200))

다음으로, 데이터를 추가하기 위해 LineChartData 객체를 생성합니다.

var dataEntries = [ChartDataEntry]()
// 데이터를 추가하는 로직

let lineDataSet = LineChartDataSet(entries: dataEntries, label: "실시간 데이터")
let lineData = LineChartData(dataSet: lineDataSet)

lineChartView.data = lineData

데이터를 업데이트할 때마다 데이터 배열에 새로운 ChartDataEntry를 추가하고, LineChartData와 함께 LineChartView에 세팅합니다.

그래프 디자인

그래프의 디자인을 변경하기 위해 LineChartDataSetsetColor 메소드를 사용할 수 있습니다. 아래 예제는 그래프 선의 색상을 변경하는 방법을 보여줍니다.

lineDataSet.setColor(UIColor.blue)

또한, LineChartDataSet의 다른 속성들을 조정하여 그래프의 스타일을 변경할 수 있습니다.

참고 자료