[swift] Swift Charts에서 데이터 시리즈 축 눈금 설정하기

24 Nov 2023

swift

Swift Charts는 iOS 애플리케이션에서 그래프와 차트를 생성하기 위한 오픈 소스 라이브러리입니다. 이 라이브러리를 사용하면 간단하게 데이터 시리즈를 시각화할 수 있습니다. 이번 블로그 포스트에서는 Swift Charts에서 데이터 시리즈의 축 눈금을 설정하는 방법에 대해 알아보겠습니다.

눈금 설정하기

Swift Charts에서 데이터 시리즈의 축 눈금을 설정하려면 다음과 같은 단계를 따르면 됩니다:

ChartView를 생성합니다.
X축과 Y축의 축 객체를 가져옵니다.
축 객체의 labelSettings 속성을 사용하여 눈금 설정을 변경합니다.

import UIKit
import Charts

class ViewController: UIViewController {

    @IBOutlet weak var chartView: ChartView!

    override func viewDidLoad() {
        super.viewDidLoad()

        // ChartView 생성
        chartView.delegate = self

        // X축과 Y축의 축 객체 가져오기
        guard let xAxis = chartView.xAxis,
              let leftAxis = chartView.leftAxis else {
            return
        }

        // X축 눈금 설정
        xAxis.labelPosition = .bottom
        xAxis.labelFont = UIFont.systemFont(ofSize: 12)
        xAxis.labelTextColor = .black

        // Y축 눈금 설정
        leftAxis.labelFont = UIFont.systemFont(ofSize: 12)
        leftAxis.labelTextColor = .black

        // 데이터 설정
        let data = LineChartData(dataSets: [lineChartDataSet1, lineChartDataSet2])

        // ChartView에 데이터 적용
        chartView.data = data
    }
}

위의 코드에서 xAxis 변수는 X축, leftAxis 변수는 왼쪽 Y축을 나타냅니다. 이 변수들의 labelSettings 속성을 사용하여 눈금 설정을 변경할 수 있습니다.

눈금 설정 예시:

xAxis.labelPosition = .bottom // 눈금 위치 설정
xAxis.labelFont = UIFont.systemFont(ofSize: 12) // 눈금 폰트 설정
xAxis.labelTextColor = .black // 눈금 텍스트 색상 설정

leftAxis.labelFont = UIFont.systemFont(ofSize: 12) // 눈금 폰트 설정
leftAxis.labelTextColor = .black // 눈금 텍스트 색상 설정

이렇게 설정한 후, 데이터를 설정하고 ChartView에 적용하면 설정된 눈금이 표시됩니다.

Swift Charts에서 데이터 시리즈의 축 눈금 설정에 대해 알아보았습니다. 이제 여러분은 간단한 코드 조각을 사용하여 그래프의 눈금을 커스텀하고, 데이터 시리즈를 더욱 가시적으로 표현할 수 있습니다.

자세한 내용을 확인하려면 Swift Charts 공식 문서를 참조하세요.