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

24 Nov 2023

swift

Swift Charts는 iOS 애플리케이션에서 다양한 종류의 차트를 생성하기 위한 오픈소스 라이브러리입니다. 이 라이브러리를 사용하면 막대 차트, 원형 차트, 라인 차트 등을 쉽게 만들 수 있습니다. 이번에는 Swift Charts에서 차트의 데이터 축 속성을 설정하는 방법을 알아보겠습니다.

1. 차트 객체 생성하기

먼저, 차트를 생성하기 위해 차트 객체를 생성해야 합니다. 아래의 예시 코드를 참고하여 차트 객체를 생성합니다.

import UIKit
import Charts

class ViewController: UIViewController {

    var chartView: BarChartView!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 차트 뷰 생성
        chartView = BarChartView(frame: CGRect(x: 0, y: 0, width: 300, height: 300))
        view.addSubview(chartView)
    }
}

2. 데이터 축 속성 설정하기

차트의 데이터 축 속성을 설정하려면 chartView.xAxis와 chartView.leftAxis, chartView.rightAxis 객체를 사용해야 합니다. 아래의 예시 코드를 참고하여 데이터 축 속성을 설정합니다.

X 축 속성 설정하기

// X 축에 대한 속성 설정
chartView.xAxis.labelPosition = .bottom // X 축 라벨 위치 (상단, 하단, 양쪽 등)
chartView.xAxis.labelFont = UIFont.systemFont(ofSize: 12) // X 축 라벨 폰트
chartView.xAxis.labelTextColor = UIColor.black // X 축 라벨 텍스트 색상

Y 축 속성 설정하기

// 왼쪽 Y 축에 대한 속성 설정
chartView.leftAxis.enabled = true // 왼쪽 Y 축 활성화
chartView.leftAxis.labelFont = UIFont.systemFont(ofSize: 12) // 왼쪽 Y 축 라벨 폰트
chartView.leftAxis.labelTextColor = UIColor.black // 왼쪽 Y 축 라벨 텍스트 색상

// 오른쪽 Y 축에 대한 속성 설정
chartView.rightAxis.enabled = false // 오른쪽 Y 축 비활성화

위 코드에서는 X 축의 라벨 위치, 라벨 폰트 및 색상을 설정하고, 왼쪽 Y 축의 활성화 여부, 라벨 폰트 및 색상을 설정하고, 오른쪽 Y 축을 비활성화시키는 예시를 보여줍니다.

3. 차트 데이터 설정하기

아래의 예시 코드를 참고하여 차트 데이터를 설정합니다.

// 차트 데이터
let dataEntries: [BarChartDataEntry] = [
    BarChartDataEntry(x: 1, y: 10),
    BarChartDataEntry(x: 2, y: 20),
    BarChartDataEntry(x: 3, y: 30),
    BarChartDataEntry(x: 4, y: 15),
    BarChartDataEntry(x: 5, y: 25)
]

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

// 데이터 설정
chartView.data = chartData

위 코드에서는 막대 차트에 표시될 데이터를 생성하여 chartData 객체에 설정하고, 이를 chartView.data에 할당하는 예시를 보여줍니다.

마무리

Swift Charts를 사용하여 차트를 생성하고 데이터 축 속성을 설정하는 방법을 알아보았습니다. 이제 이를 활용하여 원하는 차트를 만들어보세요. 추가적인 사용법은 Swift Charts 공식 문서를 참고하시기 바랍니다.