[swift] Swift Charts에서 차트 데이터 축 상세 설정하기

Swift Charts는 매우 유용한 라이브러리로, 깔끔하고 인터랙티브한 차트를 쉽게 그릴 수 있도록 도와줍니다. 이번 포스트에서는 Swift Charts를 사용하여 차트의 데이터 축을 상세하게 설정하는 방법에 대해 알아보겠습니다.

1. X축 레이블 설정하기

X축은 보통 시간, 날짜 또는 범주 데이터를 표시하는 데 사용됩니다. Swift Charts에서 X축 레이블을 설정하는 방법은 다음과 같습니다:

let chart = Chart(frame: CGRect(x: 0, y: 0, width: 300, height: 200))

// X축 레이블 설정
let xLabels: [String] = ["1월", "2월", "3월", "4월", "5월"]
chart.xLabels = xLabels

위의 예시 코드에서는 Chart 인스턴스를 생성한 후, xLabels 배열에 X축에 표시될 레이블을 지정합니다.

2. Y축 범위 설정하기

Y축은 주로 숫자 데이터를 표시하는 데 사용됩니다. 이때, Y축 범위를 설정하여 적절한 값의 범위를 보여줄 수 있습니다. Swift Charts에서 Y축 범위를 설정하는 방법은 다음과 같습니다:

// Y축 범위 설정
chart.yLabels = ChartAxisLabelsGenerator.fromRange(min: 0, max: 100, step: 20)

위의 예시 코드에서는 yLabels 프로퍼티를 사용하여 Y축의 범위를 0부터 100까지, 20 간격으로 설정합니다.

3. 추가적인 축 설정하기

Swift Charts에서는 X축과 Y축 뿐만 아니라 추가적인 축을 설정할 수도 있습니다. 예를 들어, Y축에 대한 보조 축을 설정하여 더 세밀한 값을 표시할 수 있습니다.

// 추가적인 축 설정
let secondaryYLabels: [String] = ["1", "2", "3", "4", "5"]
chart.add(axis: ChartAxisLayer(axisValues: ChartAxisLabels(labels: secondaryYLabels), location: .right))

위의 예시 코드에서는 add(axis:) 메서드를 사용하여 오른쪽에 위치한 더 세밀한 Y축을 추가합니다. 이렇게 설정하면 차트에 두 개의 Y축이 표시됩니다.

마무리

이제 Swift Charts를 사용하여 차트의 데이터 축을 상세하게 설정하는 방법을 알아보았습니다. X축 레이블 설정, Y축 범위 설정 및 추가적인 축 설정 등을 배웠는데요. 이를 통해 차트를 더욱 자세하게 커스텀하고 강력한 차트를 만들 수 있습니다.

이 글이 도움이 되었기를 바랍니다!

참고 자료