LineChart 그려보기

0 답변 글타래를 보이고 있습니다
  • 글쓴이
    • 은지짱
      참가자
      • 글작성 : 13
      • 답글작성 : 7

      create LineChart 📈

      chart를 swift로 구현해보자!
      참고자료 : LineChart Tutorial

      Pod Install

      유용한 Chart Library 를 사용하자

      pod init
      
      pod 'Charts'
      pod install
      

      Add View for charts

      UIView 를 추가한 다음 class 이름을 LineChartView 로 바꾼다.

      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 로 바꾸어보았다.

0 답변 글타래를 보이고 있습니다
  • 답변은 로그인 후 가능합니다.

logo landscape small

사업자번호 : 743-81-02195
통신판매업 신고번호 : 제 2022-충북청주-1278 호
고객센터 : 카카오톡채널 @yagom