colin's 블로그

[swift] - Swift Charts로 전자상거래 거래량 표시하기

16 Nov 2023

swift

전자상거래 플랫폼에서 거래량을 시각화하여 표시하는 것은 데이터 분석과 시각화의 중요한 부분입니다. Swift Charts 라이브러리는 iOS 앱에서 그래프를 생성하고 사용자에게 거래량을 시각적으로 전달하는 데 탁월한 도구입니다. 이 튜토리얼에서는 Swift Charts를 사용하여 전자상거래 거래량을 표시하는 방법을 알아보겠습니다.

1. Swift Charts 설치하기

Swift Charts를 사용하기 위해 먼저 Cocoapods를 통해 라이브러리를 설치해야 합니다. Podfile에 다음 코드를 추가하고 터미널에서 pod install 명령을 실행하세요.

pod 'Charts'

2. 프로젝트에 차트 뷰 추가하기

Swift Charts를 사용하기 위해 우선 BarChartView를 추가해야 합니다. 이를 위해 ViewController에 다음 코드를 추가하세요.

import Charts

class ViewController: UIViewController {

    @IBOutlet weak var chartView: BarChartView!

    override func viewDidLoad() {
        super.viewDidLoad()

        setupChartView()
    }

    func setupChartView() {
        chartView.chartDescription?.enabled = false
        chartView.dragEnabled = false
        chartView.setScaleEnabled(false)
        chartView.pinchZoomEnabled = false
        chartView.drawGridBackgroundEnabled = false
        chartView.rightAxis.enabled = false

        let xaxis = chartView.xAxis
        xaxis.labelPosition = .bottom
        xaxis.drawAxisLineEnabled = false
        xaxis.drawGridLinesEnabled = false

        let yaxis = chartView.leftAxis
        yaxis.axisMinimum = 0
        yaxis.drawAxisLineEnabled = false
        yaxis.drawGridLinesEnabled = false
    }

    // 거래량 데이터를 입력받아 차트에 표시하는 함수
    func showChartData(chartData: [Double]) {
        var dataEntries: [BarChartDataEntry] = []
        for i in 0..<chartData.count {
            let dataEntry = BarChartDataEntry(x: Double(i), y: chartData[i])
            dataEntries.append(dataEntry)
        }

        let chartDataSet = BarChartDataSet(entries: dataEntries, label: "거래량")
        chartDataSet.colors = [NSUIColor.blue]

        let chartData = BarChartData(dataSet: chartDataSet)
        chartView.data = chartData
    }
}

3. 차트에 데이터 표시하기

이제 거래량 데이터를 입력받아 차트에 표시하는 함수를 작성해보겠습니다. 예를 들어, 전자상거래 거래량이 일별로 주어진다고 가정하겠습니다. 정의된 함수 showChartData를 사용하여 차트에 데이터를 표시할 수 있습니다. 다음은 이를 구현한 예입니다.

let chartData = [120.0, 100.5, 80.7, 150.2, 90.3, 120.8]
showChartData(chartData: chartData)

결론

Swift Charts를 사용하여 전자상거래 거래량을 표시하는 방법을 알아보았습니다. 이를 통해 사용자에게 시각적으로 전자상거래 데이터를 제공할 수 있고, 경향성과 변동을 파악할 수 있습니다. Swift Charts는 다양한 차트 유형을 제공하며, 세부적인 커스터마이제이션 및 대용량 데이터 처리도 가능합니다.