[swift] Swift Charts에서 축 레이블 설정하기

Swift Charts는 iOS 애플리케이션에서 다양한 종류의 그래프를 생성하는 데 사용할 수 있는 라이브러리입니다. 이 라이브러리를 사용하면 막대 그래프, 선 그래프, 파이 그래프 등을 손쉽게 생성할 수 있습니다.

그러나 기본적으로 Swift Charts는 축의 레이블을 자동으로 설정합니다. 때로는 우리가 직접 축의 레이블을 설정해야 할 때가 있습니다. 이번 블로그 포스트에서는 Swift Charts에서 축 레이블을 설정하는 방법에 대해 알아보겠습니다.

X 축 레이블 설정하기

X 축 레이블은 그래프의 가로 축을 나타냅니다. Swift Charts에서는 xAxis 속성을 사용하여 X 축에 대한 설정을 할 수 있습니다.

let chartView = BarChartView() // 예시로 막대 그래프를 생성했다고 가정합니다.

let xAxis = chartView.xAxis
xAxis.labelPosition = .bottom // 레이블을 축 아래에 표시합니다.
xAxis.labelTextColor = .black // 레이블의 텍스트 색상을 지정합니다.
xAxis.labelFont = .systemFont(ofSize: 12) // 레이블의 폰트를 설정합니다.

위의 예제에서는 xAxislabelPosition 속성을 .bottom으로 설정하여 X 축 레이블을 축의 아래에 표시하도록 설정하였습니다. 또한 labelTextColor 속성과 labelFont 속성을 사용하여 레이블의 색상과 폰트를 각각 지정했습니다.

Y 축 레이블 설정하기

Y 축 레이블은 그래프의 세로 축을 나타냅니다. Swift Charts에서는 leftAxisrightAxis 속성을 사용하여 각각 왼쪽 Y 축과 오른쪽 Y 축에 대한 설정을 할 수 있습니다.

let chartView = LineChartView() // 예시로 선 그래프를 생성했다고 가정합니다.

let leftAxis = chartView.leftAxis
leftAxis.labelTextColor = .black // 왼쪽 Y 축 레이블의 텍스트 색상을 지정합니다.
leftAxis.labelFont = .systemFont(ofSize: 12) // 왼쪽 Y 축 레이블의 폰트를 설정합니다.

let rightAxis = chartView.rightAxis
rightAxis.enabled = false // 오른쪽 Y 축을 비활성화합니다.

위의 예제에서는 leftAxislabelTextColorlabelFont 속성을 사용하여 왼쪽 Y 축 레이블의 색상과 폰트를 각각 지정했습니다. 또한 rightAxisenabled 속성을 false로 설정하여 오른쪽 Y 축을 비활성화했습니다.

Swift Charts에서 축 레이블을 설정하는 방법을 알아보았습니다. 이를 활용하여 그래프의 축 레이블을 개인적인 요구에 맞게 설정할 수 있습니다.

더 많은 Swift Charts의 사용 방법 및 옵션에 대해서는 공식 문서를 참조하시기 바랍니다.