[iOS/Swift] LineChart 를 사용해 그래프 그리기

Line Chart 를 swift 로 구현해보자!

 

1. Pod install

유용한 chart library 를 사용하자👇  https://github.com/danielgindi/Charts

pod init

pod 'Charts'
pod install

---

2. Add View for Charts

원하는 크기의 UIView 를 추가한 다음 class 이름을 LineChartView 로 바꾼다.

---

3. Coding

import Charts

charts 를 import 시켜준다.

var numbers: [Double] = []

numbers 는 chart 를 그릴 data 들의 배열이다. Double 형으로 선언해 주었다.

     var lineChartEntry = [ChartDataEntry]() // graph 에 보여줄 data array
        
     // chart data array 에 데이터 추가
     for i in 0..<numbers.count {
            let value = ChartDataEntry(x: Double(i), y: numbers[i])
            lineChartEntry.append(value)
     }

lineChartEntry 는 그래프에 넣을 데이터배열이다.
for문을 돌며 numbers 배열에 x,y value 를 추가해 append 해준다.

     let line1 = LineChartDataSet(entries: lineChartEntry, label: "Number")
     line1.colors = [NSUIColor.blue]
        
     let data = LineChartData()
     data.addDataSet(line1)
        
     lineChartView.data = data

그래프에 그릴 데이터의 이름과 색깔을 지정해준 후 linechart에 데이터를 추가한다.

성공 ❗️

 

덧.  공식문서 를 참고하면 다른 여러가지 응용 버전도 있다.
비슷한 방법으로 linechart 를 barchart 로 바꾸어보았다. (line 작성을 bar로 바꾸면 됨)