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

24 Nov 2023

swift

Swift Charts는 iOS 애플리케이션에서 다양한 유형의 차트를 생성하는 데 사용되는 강력한 라이브러리입니다. 이 라이브러리를 사용하면 막대, 선, 원형 등 여러 유형의 차트를 만들 수 있으며, 각 차트의 데이터 축 유형을 설정할 수도 있습니다.

이번 블로그에서는 Swift Charts를 사용하여 차트의 데이터 축 유형을 설정하는 방법에 대해 알아보겠습니다.

1. 차트 뷰 생성

먼저, Swift Charts를 사용하기 위해 차트를 보여줄 ChartView를 생성해야 합니다. 이는 UIViewController의 하위 클래스에서 수행할 수 있습니다.

import UIKit
import Charts

class ChartViewController: UIViewController {

    @IBOutlet weak var chartView: ChartViewBase!

    override func viewDidLoad() {
        super.viewDidLoad()

        // 차트 뷰 초기화
        chartView = ChartView(frame: CGRect(x: 0, y: 0, width: view.frame.width, height: view.frame.height))
    }
}

2. 데이터 설정

데이터를 설정하기 위해 ChartData 객체를 생성해야 합니다. 이 객체는 차트에 표시될 데이터를 나타냅니다. 데이터 유형은 막대 차트인지 선 차트인지에 따라 다를 수 있습니다.

let data = BarChartData()

// 데이터 추가
let entry1 = BarChartDataEntry(x: 1, y: 10)
let entry2 = BarChartDataEntry(x: 2, y: 20)
let entry3 = BarChartDataEntry(x: 3, y: 15)

data.addDataSet([entry1, entry2, entry3])

3. 축 설정

차트의 데이터 축을 설정하기 위해 AxisBase의 속성을 사용할 수 있습니다.

let xAxis = chartView.xAxis
xAxis.valueFormatter = IndexAxisValueFormatter(values: ["Jan", "Feb", "Mar"]) // x 축 라벨 설정

let leftAxis = chartView.leftAxis
leftAxis.labelCount = 5 // 왼쪽 y 축 라벨 수 설정
leftAxis.axisMinimum = 0 // 왼쪽 y 축 최소 값 설정
leftAxis.axisMaximum = 30 // 왼쪽 y 축 최대 값 설정

let rightAxis = chartView.rightAxis
rightAxis.enabled = false // 오른쪽 y 축 비활성화

위의 코드에서는 x 축에 “Jan”, “Feb”, “Mar”라는 라벨을 설정하고, 왼쪽 y 축은 0부터 30까지의 값을 가지며, 오른쪽 y 축은 비활성화되었습니다.

4. 차트 그리기

마지막으로, 설정한 데이터와 축을 사용하여 차트를 그릴 수 있습니다.

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

chartView.notifyDataSetChanged() // 변경 내용 반영

chartView.animate(xAxisDuration: 2.0, yAxisDuration: 2.0) // 애니메이션 효과 추가

data에 설정한 데이터를 chartView에 할당한 후, 변경 내용을 반영하고 애니메이션 효과를 추가합니다.

이제 위의 코드를 사용하여 Swift Charts에서 차트의 데이터 축 유형을 설정할 수 있습니다. 차트의 데이터와 축을 자유롭게 설정하여 다양한 형태의 차트를 만들어보세요.

더 자세한 내용은 Swift Charts 공식 문서를 참조하세요.