[swift] - Swift Charts로 재활용량 표시하기

이번에는 Swift Charts를 사용하여 재활용량을 그래프로 표시하는 방법을 알아보겠습니다. Swift Charts는 iOS와 macOS에서 데이터 시각화를 도와주는 강력한 라이브러리입니다.

준비하기

먼저, Swift Charts를 프로젝트에 추가해야 합니다. Podfile에 다음과 같이 추가합니다.

platform :ios, '13.0'
use_frameworks!

target 'YourProjectName' do
  pod 'Charts', '~> 4.0'
end

그리고 터미널에서 다음 명령어로 CocoaPods를 설치합니다.

$ pod install

설치가 완료되면 .xcworkspace 파일을 열어서 프로젝트를 실행합니다.

데이터 준비하기

Charts는 데이터를 그래프로 표시하기 위해 여러가지 형식을 지원합니다. 이번 예제에서는 년도별 재활용량을 막대 그래프로 표시하려고 합니다. 따라서, BarChartDataEntry 객체를 사용하여 데이터를 준비합니다.

let dataEntries: [BarChartDataEntry] = [
    BarChartDataEntry(x: 0, y: 100),
    BarChartDataEntry(x: 1, y: 200),
    BarChartDataEntry(x: 2, y: 150),
    BarChartDataEntry(x: 3, y: 300),
    BarChartDataEntry(x: 4, y: 250)
]

위의 코드에서 x는 년도, y는 재활용량을 나타냅니다. 이번 예제에서는 5개의 데이터를 만들어서 사용했습니다.

그래프 그리기

이제 데이터를 사용하여 그래프를 그릴 준비가 되었습니다. 먼저 BarChartView를 추가하고, 데이터를 설정합니다.

let chartView = BarChartView(frame: CGRect(x: 0, y: 0, width: self.view.frame.width, height: 300))
self.view.addSubview(chartView)

let dataSet = BarChartDataSet(entries: dataEntries, label: "재활용량")
let data = BarChartData(dataSet: dataSet)
chartView.data = data

위의 코드에서는 BarChartView를 생성하고, 데이터를 BarChartDataSet으로 변환한 다음, BarChartData로 설정합니다. 마지막으로 chartViewdata 속성에 데이터를 할당합니다.

추가 설정하기

그래프의 스타일이나 축의 레이블 등을 추가로 설정할 수 있습니다. 예를 들어, x축의 레이블을 설정하려면 다음과 같이 코드를 추가합니다.

let xAxis = chartView.xAxis
xAxis.valueFormatter = IndexAxisValueFormatter(values: ["2021", "2022", "2023", "2024", "2025"])

위의 코드에서는 x축의 레이블 값을 설정해주고 있습니다. 이 값을 재활용량 데이터의 년도와 맞게 설정해야 합니다.

실행 결과

이제 앱을 실행하면 재활용량을 그래프로 볼 수 있습니다.

재활용량 그래프

결론

Swift Charts를 사용하면 간편하게 데이터를 시각화할 수 있습니다. 이번 예제에서는 재활용량 데이터를 막대 그래프로 표시하는 방법을 알아보았습니다. Charts 라이브러리에 대한 자세한 사용법은 공식 문서를 참고하시기 바랍니다.