[swift] Swift Charts에서 수평 선 그래프 그리기

Swift Charts는 iOS 애플리케이션에서 그래프를 그리는 데 사용되는 인기 있는 오픈 소스 라이브러리입니다. 이 라이브러리를 사용하면 다양한 유형의 차트를 만들 수 있으며, 수평 선 그래프를 그리는 방법도 간단합니다.

먼저, Swift Charts 라이브러리를 프로젝트에 추가해야 합니다. 이를 위해 CocoaPods를 사용하거나 수동으로 프로젝트에 추가할 수 있습니다. 프로젝트에 Swift Charts가 추가되었다면 import Charts 문을 통해 라이브러리를 가져올 수 있습니다.

그런 다음, 수평 선 그래프를 그리기 위해 LineChartView 인스턴스를 생성해야 합니다. 인스턴스를 생성한 후에는 데이터를 설정하고 차트를 설정할 수 있습니다. 아래는 수평 선 그래프를 그리는 예제 코드입니다.

import UIKit
import Charts

class ViewController: UIViewController {

    @IBOutlet weak var chartView: LineChartView!

    override func viewDidLoad() {
        super.viewDidLoad()
        setupChart()
    }

    func setupChart() {
        // 데이터 설정
        let dataEntries = [
            ChartDataEntry(x: 0, y: 10),
            ChartDataEntry(x: 1, y: 20),
            ChartDataEntry(x: 2, y: 30),
            ChartDataEntry(x: 3, y: 25),
            ChartDataEntry(x: 4, y: 15)
        ]
        
        let dataSet = LineChartDataSet(entries: dataEntries, label: "Horizontal Line Chart")
        dataSet.lineWidth = 2.0
        dataSet.circleRadius = 4.0
        dataSet.circleHoleRadius = 2.0
        dataSet.setColor(.blue)
        dataSet.setCircleColor(.blue)
        
        let data = LineChartData(dataSet: dataSet)
        chartView.data = data
        
        // 차트 설정
        chartView.rightAxis.enabled = false
        chartView.legend.enabled = false
        chartView.xAxis.labelPosition = .bottom
        chartView.xAxis.drawGridLinesEnabled = false
        chartView.leftAxis.drawGridLinesEnabled = false
        chartView.animate(xAxisDuration: 1.0, yAxisDuration: 1.0)
    }
}

위 코드에서는 ChartDataEntry를 사용하여 데이터 포인트를 생성하고, LineChartDataSet을 사용하여 데이터 세트를 생성합니다. 데이터 세트의 속성을 설정한 후에는 LineChartData에 데이터 세트를 추가하고, chartView.data에 데이터를 할당하여 실제로 차트에 데이터를 표시합니다.

또한, LineChartView의 속성을 설정하여 차트의 모양을 변경할 수 있습니다. 위 예제에서는 오른쪽 축을 비활성화하고, 범례를 비활성화하며, x축 레이블을 아래로 설정하고, 그리드 라인을 표시하지 않도록 설정하였습니다.

수평 선 그래프를 그리기 위해 위 예제 코드를 참고하여 Swift Charts를 사용해보세요!

더 자세한 내용은 Swift Charts GitHub 저장소를 참고하세요.