[swift] Swift Charts에서 차트 축 라벨 설정하기

24 Nov 2023

swift

Swift Charts는 iOS 앱에서 간단하고 강력한 차트를 만들기 위한 유용한 라이브러리입니다. 이 라이브러리를 사용하면 막대 그래프, 선 그래프, 원 그래프 등 다양한 유형의 차트를 쉽게 만들 수 있습니다. 이번에는 Swift Charts를 사용하여 차트 축 라벨을 설정하는 방법에 대해 알아보겠습니다.

Swift Charts에서 차트 축 라벨을 설정하려면 먼저 차트에 데이터를 추가하고 축을 만들어야 합니다. 아래는 이에 대한 예제 코드입니다.

import UIKit
import Charts

class ViewController: UIViewController {

    @IBOutlet weak var chartView: BarChartView!

    override func viewDidLoad() {
        super.viewDidLoad()

        // 데이터 배열 만들기
        let dataEntries = [
            BarChartDataEntry(x: 0, y: 20), 
            BarChartDataEntry(x: 1, y: 40),
            BarChartDataEntry(x: 2, y: 30),
            BarChartDataEntry(x: 3, y: 10),
            BarChartDataEntry(x: 4, y: 50)
        ]

        // 데이터 세트 만들기
        let chartDataSet = BarChartDataSet(entries: dataEntries, label: "매출")

        // 차트 데이터 만들기
        let chartData = BarChartData(dataSets: [chartDataSet])

        // 차트뷰 설정
        chartView.data = chartData

        // x축 라벨 설정
        chartView.xAxis.labelPosition = .bottom
        chartView.xAxis.valueFormatter = IndexAxisValueFormatter(values: ["월", "화", "수", "목", "금"])

        // y축 라벨 설정
        chartView.leftAxis.labelCount = 5

        // 기타 설정
        chartView.legend.enabled = false
        chartView.animate(xAxisDuration: 2.0, yAxisDuration: 2.0)
    }
}

위 코드에서는 BarChartView를 사용하여 막대 그래프를 만들고 있습니다. 데이터를 추가하고, 차트 데이터와 차트뷰를 설정하는 부분을 확인할 수 있습니다.

x축 라벨을 설정하기 위해 chartView.xAxis.valueFormatter 속성을 사용합니다. IndexAxisValueFormatter를 사용하여 x축의 값과 라벨을 매핑합니다. 위 코드에서는 “월”, “화”, “수”, “목”, “금” 값을 가지는 배열을 사용하여 x축 라벨을 설정한 예제입니다.

y축 라벨을 설정하기 위해 chartView.leftAxis.labelCount 속성을 사용합니다. 위 코드에서는 y축에 5개의 라벨을 표시하는 예제입니다.

위 코드를 실행하면 차트 축의 라벨이 설정된 막대 그래프를 확인할 수 있습니다. Swift Charts의 다양한 설정을 통해 자신만의 차트를 만들어보세요.

이 문서는 Swift Charts의 공식 문서를 참고하여 작성되었습니다.