[swift] Swift Charts에서 데이터 시리즈 축 상호 작용 설정하기

24 Nov 2023

swift

Swift Charts는 iOS 앱에서 간단하고 직관적인 방식으로 차트를 생성하고 표시하는 데 사용되는 인기 있는 라이브러리입니다. 이 라이브러리를 사용하면 막대 차트, 원형 차트, 선 그래프 등 다양한 유형의 차트를 만들 수 있습니다.

이번에는 Swift Charts를 사용하여 데이터 시리즈의 축 상호 작용을 설정하는 방법에 대해 알아보겠습니다. 축 상호 작용을 설정하면 사용자가 차트의 축을 드래그하거나 확대/축소할 수 있으며, 이를 통해 더 많은 데이터를 탐색할 수 있습니다.

차트 뷰 생성

먼저, Swift Charts를 사용하여 차트 뷰를 생성해야 합니다. 차트 뷰를 생성하는 방법은 다음과 같습니다:

import Charts

// 차트 뷰 생성
let chartView = BarChartView(frame: CGRect(x: 0, y: 0, width: 300, height: 300))

위 예제에서는 막대 차트를 생성하는 BarChartView를 사용하였습니다. 다른 유형의 차트를 생성하려면 해당 차트의 클래스를 사용하면 됩니다.

축 상호 작용 설정

이제 차트의 축 상호 작용을 설정할 차례입니다. 축 상호 작용을 활성화하려면 chartView의 scaleXEnabled, scaleYEnabled, dragXEnabled, dragYEnabled 속성을 true로 설정해야 합니다.

// X 축 확대/축소 기능 활성화
chartView.scaleXEnabled = true

// Y 축 확대/축소 기능 활성화
chartView.scaleYEnabled = true

// X 축 드래그 기능 활성화
chartView.dragXEnabled = true

// Y 축 드래그 기능 활성화
chartView.dragYEnabled = true

위 코드 예제에서는 X 축, Y 축의 확대/축소 및 드래그 기능을 활성화하고 있습니다.

예제

전체 예제 코드는 다음과 같습니다:

import Charts

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // 차트 뷰 생성
        let chartView = BarChartView(frame: CGRect(x: 0, y: 0, width: 300, height: 300))
        
        // X 축 확대/축소 기능 활성화
        chartView.scaleXEnabled = true

        // Y 축 확대/축소 기능 활성화
        chartView.scaleYEnabled = true

        // X 축 드래그 기능 활성화
        chartView.dragXEnabled = true

        // Y 축 드래그 기능 활성화
        chartView.dragYEnabled = true
        
        // 차트 데이터 설정 등 추가 작업
        
        self.view.addSubview(chartView)
    }
}

위 코드를 참고하여 Swift Charts를 사용하여 데이터 시리즈의 축 상호 작용을 설정할 수 있습니다.

추가 참고 자료:

Swift Charts GitHub 저장소