[swift] Swift Charts에서 데이터 시리즈 축 제목 설정하기

24 Nov 2023

swift

Swift Charts는 iOS 애플리케이션에서 데이터 시각화를 쉽게 구현할 수 있는 라이브러리입니다. 이 라이브러리를 사용하여 차트를 만들 때, 각 축의 제목을 설정하는 방법에 대해 알아보겠습니다.

먼저, Swift Charts을 프로젝트에 추가한 후, 차트를 생성합니다. 예를 들어, 선 그래프를 생성하는 경우 다음과 같이 코드를 작성할 수 있습니다:

import UIKit
import Charts

class ViewController: UIViewController {
    
    @IBOutlet weak var lineChartView: LineChartView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 차트 데이터 생성
        let dataEntries = [
            ChartDataEntry(x: 1, y: 10),
            ChartDataEntry(x: 2, y: 15),
            ChartDataEntry(x: 3, y: 20),
            ChartDataEntry(x: 4, y: 12),
            ChartDataEntry(x: 5, y: 18)
        ]
        
        // 데이터 셋 생성
        let lineChartDataSet = LineChartDataSet(entries: dataEntries, label: "데이터 시리즈 제목")
        
        // 차트 데이터 셋 배열 생성
        let lineChartData = LineChartData(dataSet: lineChartDataSet)
        
        // 차트 뷰 설정
        lineChartView.data = lineChartData
        
        // X 축 제목 설정
        lineChartView.xAxis.labelPosition = .bottom
        lineChartView.xAxis.labelFont = UIFont.systemFont(ofSize: 12)
        lineChartView.xAxis.axisTitle = "X 축 제목"
        
        // Y 축 제목 설정
        lineChartView.leftAxis.labelFont = UIFont.systemFont(ofSize: 12)
        lineChartView.leftAxis.axisTitle = "Y 축 제목"
    }
}

위의 예제에서는 lineChartView 변수가 선 그래프를 가리키는 차트 뷰입니다. LineChartDataSet 객체를 생성하여 차트 데이터를 설정하고, LineChartData 객체를 생성하여 데이터 셋을 사용하여 차트 데이터를 설정합니다. lineChartView 변수를 사용하여 xAxis와 leftAxis의 속성을 설정하여 X 축 제목과 Y 축 제목을 설정할 수 있습니다.

위의 예제를 실행하면, 차트에 X 축과 Y 축의 제목이 표시됩니다.

참고 자료:

Swift Charts 라이브러리