Colin's Blog
[swift] Swift Charts에서 데이터 시리즈 범례 설정하기

Swift Charts는 iOS 개발을 위한 오픈 소스 라이브러리로, 그래프와 차트를 표시하는 데 유용합니다. 데이터 시리즈 범례는 그래프에 표시된 데이터 시리즈에 대한 설명을 제공하는데 사용됩니다. 이번 글에서는 Swift Charts에서 데이터 시리즈 범례를 설정하는 방법에 대해 알아보겠습니다.

1. Swift Charts 설치하기

먼저, Swift Charts를 설치해야 합니다. Swift Package Manager를 사용하거나 CocoaPods를 사용하여 설치할 수 있습니다. 아래의 명령어 중 하나를 사용하여 Swift Charts를 프로젝트에 추가합니다.

Swift Package Manager:
$ swift package init
$ open Package.swift

CocoaPods:
$ pod init
$ open Podfile

2. 데이터 시리즈 범례 설정하기

Swift Charts에서 데이터 시리즈 범례를 설정하려면, 새로운 ChartLegend 객체를 생성하고 그래프에 연결해야 합니다. 다음 예제 코드를 참고하세요.

import UIKit
import Charts

class ViewController: UIViewController {
    
    @IBOutlet weak var chartView: LineChartView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 데이터 시리즈 생성
        let dataEntries = [
            ChartDataEntry(x: 0, y: 20),
            ChartDataEntry(x: 1, y: 40),
            ChartDataEntry(x: 2, y: 30),
            ChartDataEntry(x: 3, y: 25),
            ChartDataEntry(x: 4, y: 50)
        ]
        
        let chartDataSet = LineChartDataSet(entries: dataEntries, label: "Data Series 1")
        
        // 데이터 시리즈 범례 설정
        let legend = chartView.legend
        legend.enabled = true
        legend.form = .circle
        legend.horizontalAlignment = .left
        legend.verticalAlignment = .top
        
        // 그래프에 데이터셋 적용
        chartView.data = LineChartData(dataSet: chartDataSet)
    }
}

위의 예제 코드에서는 LineChartView를 사용하여 그래프를 생성하고, ChartDataEntry를 사용하여 데이터 시리즈를 생성합니다. 그리고 LineChartDataSet을 사용하여 데이터 시리즈를 그래프에 적용합니다. 마지막으로 chartView.legend를 사용하여 데이터 시리즈 범례를 설정합니다.

위의 예제 코드를 사용하면, 그래프의 좌측 상단에 원 형태로 표시된 데이터 시리즈 범례를 볼 수 있습니다. 필요에 따라 여러 개의 데이터 시리즈 범례를 추가하여 그래프를 더욱 상세하게 표시할 수 있습니다.

이제 Swift Charts에서 데이터 시리즈 범례를 설정하는 방법을 알았습니다. 원하는 스타일과 위치로 데이터 시리즈 범례를 설정하여 그래프를 더욱 직관적으로 표시할 수 있습니다.

참고 자료:

© 2018 Colin. All rights reserved.