[swift] Swift Charts에서 데이터 시리즈 스타일 설정하기

24 Nov 2023

swift

Swift Charts는 iOS 플랫폼에서 사용할 수 있는 강력한 차트 라이브러리입니다. 데이터 시리즈의 스타일을 설정하여 차트를 더욱 시각적으로 표현할 수 있습니다.

데이터 시리즈 스타일 설정 방법

Swift Charts에서 데이터 시리즈의 스타일을 설정하는 방법은 다음과 같습니다.

ChartDataEntry 객체를 생성합니다.

let dataEntry1 = ChartDataEntry(x: 1, y: 20)
let dataEntry2 = ChartDataEntry(x: 2, y: 30)
let dataEntry3 = ChartDataEntry(x: 3, y: 15)

LineChartDataSet 객체를 생성하고 데이터 시리즈에 ChartDataEntry 객체를 추가합니다.

let dataSet = LineChartDataSet(entries: [dataEntry1, dataEntry2, dataEntry3], label: "Data Set 1")

LineChartDataSet 객체의 속성을 설정하여 스타일을 변경할 수 있습니다. 예를 들어, 선의 색상과 굵기를 설정하려면 다음과 같이 합니다.

dataSet.colors = [.blue]
dataSet.lineWidth = 2.0

LineChartData 객체를 생성하고 데이터 시리즈를 추가합니다.

let chartData = LineChartData(dataSet: dataSet)

LineChartView 객체를 생성하고 차트에 데이터를 설정합니다.

let chartView = LineChartView(frame: CGRect(x: 0, y: 0, width: 300, height: 200))
chartView.data = chartData

LineChartView 객체를 화면에 나타내면 설정한 데이터 시리즈의 스타일이 반영된 차트가 표시됩니다.

view.addSubview(chartView)

예제 코드

아래는 데이터 시리즈 스타일을 설정한 예제 코드입니다.

import UIKit
import Charts

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let dataEntry1 = ChartDataEntry(x: 1, y: 20)
        let dataEntry2 = ChartDataEntry(x: 2, y: 30)
        let dataEntry3 = ChartDataEntry(x: 3, y: 15)
        
        let dataSet = LineChartDataSet(entries: [dataEntry1, dataEntry2, dataEntry3], label: "Data Set 1")
        dataSet.colors = [.blue]
        dataSet.lineWidth = 2.0
        
        let chartData = LineChartData(dataSet: dataSet)
        
        let chartView = LineChartView(frame: CGRect(x: 0, y: 0, width: 300, height: 200))
        chartView.data = chartData
        
        view.addSubview(chartView)
    }
}

참고 자료

Swift Charts를 사용하여 데이터 시리즈의 스타일을 설정하면 강력하고 멋진 차트를 iOS 애플리케이션에 추가할 수 있습니다.