[swift] Swift Charts에서 박스 그래프 그리기
Swift Charts는 iOS 앱에서 다양한 종류의 그래프를 그릴 수 있는 오픈 소스 라이브러리입니다. 이번 글에서는 Swift Charts를 사용하여 박스 그래프를 그리는 방법에 대해 알아보겠습니다.
설치
Swift Charts를 사용하기 위해 CocoaPods를 사용하여 프로젝트에 추가할 수 있습니다. Podfile에 다음 라인을 추가한 후 pod install을 실행하세요.
pod 'Charts'
데이터 준비
먼저, 박스 그래프에 표시할 데이터를 준비해야 합니다. 예를 들어, 한 주 동안의 주식 가격 변동을 나타내는 데이터를 사용해보겠습니다.
let dataEntries: [BarChartDataEntry] = [
BarChartDataEntry(x: 1, yValues: [120, 100, 150, 80]), // 일요일
BarChartDataEntry(x: 2, yValues: [110, 90, 130, 70]), // 월요일
BarChartDataEntry(x: 3, yValues: [115, 105, 155, 85]), // 화요일
BarChartDataEntry(x: 4, yValues: [130, 120, 170, 100]), // 수요일
BarChartDataEntry(x: 5, yValues: [125, 95, 140, 75]), // 목요일
BarChartDataEntry(x: 6, yValues: [135, 115, 160, 90]), // 금요일
BarChartDataEntry(x: 7, yValues: [140, 130, 180, 110]) // 토요일
]
위의 코드에서는 BarChartDataEntry를 사용하여 각 주식 가격 데이터를 생성하고 배열로 저장했습니다. x는 주식 가격 데이터의 인덱스이고, yValues는 상승, 하락, 최고가, 최저가를 나타내는 값을 가지고 있습니다.
그래프 그리기
이제 위에서 준비한 데이터를 사용하여 박스 그래프를 그릴 수 있습니다. 다음과 같이 코드를 작성해보세요.
let chartView = BarChartView(frame: CGRect(x: 0, y: 0, width: 300, height: 300))
self.view.addSubview(chartView)
let dataSet = BarChartDataSet(entries: dataEntries, label: "주식 가격")
let data = BarChartData(dataSet: dataSet)
chartView.data = data
chartView.chartDescription?.text = "주식 가격 변동"
chartView.animate(xAxisDuration: 2.0, yAxisDuration: 2.0)
위의 코드에서는 BarChartView를 생성하여 화면에 추가한 후, BarChartData를 사용하여 데이터를 설정했습니다. 그리고 그래프의 설명을 추가하고 애니메이션을 설정했습니다.
결과 확인하기
앱을 실행하여 박스 그래프를 확인해보세요. 각 요소의 크기와 색상은 자동으로 지정되며, 사용자 정의할 수도 있습니다.
결론
이제 Swift Charts를 사용하여 iOS 앱에 박스 그래프를 추가할 수 있게 되었습니다. 필요한 데이터를 준비하고, 그래프를 설정한 후 앱에서 결과를 확인해보세요.