[swift] - Swift Charts로 생산량 표시하기
이번 포스트에서는 Swift Charts 라이브러리를 사용하여 생산량을 시각화하는 방법에 대해 알아보겠습니다.
1. Swift Charts 라이브러리 설치
Swift Charts는 iOS에서 간단하게 차트를 그릴 수 있는 라이브러리입니다. Cocoapods를 통해 쉽게 설치할 수 있습니다.
pod 'Charts'
Terminal을 열고 프로젝트의 루트 디렉토리로 이동한 뒤, 다음 명령어를 실행하여 라이브러리를 설치합니다.
pod install
2. 차트 설정하기
먼저, 차트를 그릴 뷰 컨트롤러를 만들어야 합니다. 따라서, UIViewController를 상속받는 새로운 클래스를 생성합니다.
import UIKit
import Charts
class ChartViewController: UIViewController {
@IBOutlet weak var chartView: LineChartView!
// 생산량 데이터
let productionData = [30, 40, 50, 60, 70, 45, 55]
override func viewDidLoad() {
super.viewDidLoad()
setupChart()
}
// 차트 설정 함수
func setupChart() {
chartView.delegate = self
// x축 레이블 설정
let xValues = ["1월", "2월", "3월", "4월", "5월", "6월", "7월"]
let xFormatter = IndexAxisValueFormatter(values: xValues)
chartView.xAxis.valueFormatter = xFormatter
// y축 레이블 설정
chartView.leftAxis.enabled = false
chartView.rightAxis.enabled = false
// 데이터 설정
var entries: [ChartDataEntry] = []
for i in 0..<productionData.count {
let entry = ChartDataEntry(x: Double(i), y: Double(productionData[i]))
entries.append(entry)
}
let dataSet = LineChartDataSet(entries: entries, label: "생산량")
dataSet.colors = [UIColor.blue]
dataSet.circleColors = [UIColor.blue]
let data = LineChartData(dataSet: dataSet)
chartView.data = data
chartView.animate(xAxisDuration: 2.0)
}
}
extension ChartViewController: ChartViewDelegate {
// 차트 이벤트 처리
}
위 코드는 Line 차트를 그리기 위한 설정을 담고 있습니다. productionData에는 생산량 데이터가 저장되어 있으며, setupChart() 함수에서 차트의 레이블과 데이터를 설정합니다.
3. Storyboard에서 차트 뷰 추가하기
이제, Main.storyboard 파일을 열고 ChartViewController에 UIView를 추가합니다. 이 뷰는 차트가 그려질 영역을 나타냅니다. 뷰의 Class를 LineChartView로 설정합니다. 추가한 후, 해당 뷰를 chartView 아웃렛 변수에 연결합니다.
4. 실행하기
이제 라이브러리를 설치하고 코드를 작성했으므로, 앱을 실행하여 차트를 확인해보세요. 생산량 데이터에 따라 차트가 그려질 것입니다.