colin's 블로그

[swift] - Swift Charts를 사용해 그래프 그리기

16 Nov 2023

swift

이번에는 Swift Charts 라이브러리를 사용하여 iOS 앱에서 그래프를 그리는 방법을 알아보겠습니다. Swift Charts는 iOS 앱을 개발할 때 유용한 그래프 라이브러리로, 다양한 종류의 그래프를 쉽게 그릴 수 있습니다.

Swift Charts 설치하기

먼저, Swift Charts를 설치해야 합니다. Swift Package Manager(SPM)을 사용하여 간단하게 설치할 수 있습니다. 아래의 단계를 따라서 설치해보세요.

Xcode 프로젝트를 엽니다.
File 메뉴에서 Swift Packages > Add Package Dependency를 선택합니다.
팝업 창에서 패키지 저장소 URL에 https://github.com/danielgindi/Charts를 입력하고 “Next”를 클릭합니다.
버전을 선택해서 “Next”를 클릭합니다.
프로젝트에서 사용할 타겟을 선택하고 “Finish”를 클릭합니다.

위의 단계를 마치면, Swift Charts가 프로젝트에 추가되고 사용할 준비가 완료됩니다.

그래프 그리기 예제

이제 Swift Charts를 사용하여 간단한 라인 그래프를 그려보겠습니다. 아래의 예제 코드를 따라서 작성해보세요.

import UIKit
import Charts

class ViewController: UIViewController {

    @IBOutlet weak var lineChartView: LineChartView!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 라인 그래프 데이터 설정
        let entries = [
            ChartDataEntry(x: 1.0, y: 1.0),
            ChartDataEntry(x: 2.0, y: 2.0),
            ChartDataEntry(x: 3.0, y: 3.0),
            ChartDataEntry(x: 4.0, y: 4.0),
            ChartDataEntry(x: 5.0, y: 5.0)
        ]
        let dataSet = LineChartDataSet(entries: entries, label: "Line Chart")
        let data = LineChartData(dataSet: dataSet)
        lineChartView.data = data
        
        // 그래프 스타일 설정
        dataSet.colors = [.blue]
        dataSet.circleColors = [.blue]
        
        // 그래프 애니메이션 설정
        lineChartView.animate(xAxisDuration: 2.0, yAxisDuration: 2.0)
    }
}

위의 코드에서는 LineChartView를 사용하여 라인 그래프를 그리는 방법을 보여줍니다. viewDidLoad() 메서드에서 라인 그래프의 데이터를 설정하고, 스타일과 애니메이션을 적용합니다. 이제 앱을 실행하면 라인 그래프가 표시될 것입니다.

추가 설정

위의 예제에서는 간단한 라인 그래프를 그렸지만, Swift Charts는 다양한 그래프 유형과 설정을 제공합니다. 원하는 그래프 유형을 사용하고, 필요한 설정을 적용하면 됩니다. Swift Charts의 공식 문서와 예제를 참고하여 원하는 그래프를 그릴 수 있습니다.

Swift Charts 설치하기

그래프 그리기 예제

추가 설정

참고 자료