[iOS] Charts 라이브러리 설치방법 및 사용방법

라이브러리 설치

1. 라이브러리를 사용할 프로젝트로 가서 pod file을 생성해준다.

pod init

2. pod file을 열어준다.

open -e podfile

3. 사용할 pod code를 입력해준다.

4. pod를 설치해준다.

pod install

 

5. xcworkspace 실행해준다.

프로젝트 파일로 가면. xcworkspace 파일이 생겼다. 이걸 실행시켜주면 된다.

 

---

Charts 사용방법

저는 LineChartView를 사용했습니다.

 

먼저 Charts를 import해줍니다.

 

import Charts

 

LineChartView도 만들어주고

var lineChart = LineChartView()

데이터들을 입력해줍니다.

    override func viewDidLoad() {
        super.viewDidLoad()
        
        days = ["월AM", "월PM", "화AM", "화PM", "수AM", "수PM", "목AM", "목PM", "금AM", "금PM", "토AM", "토PM"]
        var maxPattern = ["90","100","98","77","67","37","89","104","223","94","86","55"]
        var minPattern = ["30","21","11","43","23","25","65","22","12","8","17","21"]
        
        chartData()
}

    func chartData() {
        lineChart.frame = CGRect(x: 0, y: 0, width: self.view.frame.size.width, height: self.view.frame.size.height / 3)
        lineChart.center = view.center
        view.addSubview(lineChart)
        var minLineDataEntries = [ChartDataEntry]()
        var maxLineDataEntries = [ChartDataEntry]()

        for i in 0..<days.count {
            let minLineDataEntry = ChartDataEntry(x: Double(i), y: Double(minPattern[i]))
            let maxLineDataEntry = ChartDataEntry(x: Double(i), y: Double(maxPattern[i]))

            minLineDataEntries.append(minLineDataEntry)
            maxLineDataEntries.append(maxLineDataEntry)
        }

        let minset = LineChartDataSet(entries: minLineDataEntries, label: "최소값(min)")
        let maxset = LineChartDataSet(entries: maxLineDataEntries, label: "최대값(max)")
        
        minset.colors = [.red]
        maxset.colors = [.blue]
        
        let data = LineChartData(dataSets: [minset, maxset])
        lineChart.data = data
        
        //x축 레이블
        lineChart.xAxis.valueFormatter = IndexAxisValueFormatter(values: days)
        lineChart.xAxis.setLabelCount(days.count, force: true)
        lineChart.xAxis.labelPosition = .bottom
        lineChart.xAxis.labelFont = UIFont.systemFont(ofSize: 7)
        
        // 오른쪽 레이블 제거
        lineChart.rightAxis.enabled = false
        
        // 선택 안되게
        minset.highlightEnabled = false
        maxset.highlightEnabled = false
            
        // 줌 안되게
        lineChart.doubleTapToZoomEnabled = false
        
        //원 색, 크기
        minset.circleRadius = 3.0
        maxset.circleRadius = 3.0
        minset.circleHoleRadius = 3.0
        maxset.circleHoleRadius = 3.0
        minset.circleColors = [.gray]
        maxset.circleColors = [.gray]
    }