[swift] Swift Charts에서 차트 데이터 축 레이블 각도 설정하기

24 Nov 2023

swift

Swift Charts는 iOS에서 사용할 수 있는 강력한 차트 라이브러리입니다. 차트를 만들 때 데이터 축의 레이블을 각도로 설정하여 더욱 유연하고 보기 좋게 만들 수 있습니다. 이번 블로그에서는 Swift Charts에서 차트 데이터 축 레이블의 각도를 설정하는 방법을 알아보겠습니다.

Charts 라이브러리를 프로젝트에 추가합니다. Cocoapods을 사용한다면 Podfile에 다음과 같이 추가합니다.

pod 'Charts'

차트를 생성하고 데이터를 추가합니다.

import Charts

// 차트를 생성합니다.
let chartView = BarChartView(frame: CGRect(x: 0, y: 0, width: 300, height: 300))

// 데이터를 추가합니다.
let dataEntries = [BarChartDataEntry(x: 0, y: 20),
                   BarChartDataEntry(x: 1, y: 15),
                   BarChartDataEntry(x: 2, y: 10)]

let chartDataSet = BarChartDataSet(entries: dataEntries, label: "Data")
let chartData = BarChartData(dataSet: chartDataSet)

chartView.data = chartData

데이터 축의 레이블 각도를 설정합니다.

chartView.xAxis.labelRotationAngle = 45.0 // 각도를 설정합니다.

위의 예제에서는 chartView의 x축 레이블의 각도를 45도로 설정하였습니다. 이렇게 하면 x축 레이블이 45도로 회전하여 보여지게 됩니다.

다양한 각도를 설정하여 원하는 모양의 차트를 만들 수 있습니다.

이제 Swift Charts를 사용하여 차트의 데이터 축 레이블 각도를 설정하는 방법을 알게 되었습니다. Swift Charts의 공식 문서에서 더 많은 기능과 설정 옵션을 찾아볼 수 있으니 참고하시기 바랍니다.

참고 자료