Jiwift

[iOS/Swift] Charts, DGCharts 차트 라이브러리 그래프를 만들기 위한 라이브러리를 이름을 소개하고 정리하는 글입니다. ChartsOrg/Charts: Beautiful charts for iOS/tvOS/OSX! The Apple side of the crossplatform MPAndroidChart. (github.com) GitHub - ChartsOrg/Charts: Beautiful charts for iOS/tvOS/OSX! The Apple side of the crossplatform MPAndroidChart. Beautiful charts for iOS/tvOS/OSX! The Apple side of the crossplatform MPAndroidChart. - ..

그래프의 값을 표시한느 선을 빼고는 모든 것을 지우고 싶은 경우에 사용. 아마 Bar Graph도 동일 적용될 것입니다. // 범례 삭제 chart.legend.enabled = false // x축 Grid chart.xAxis.drawGridLinesEnabled = false // x축 라벨 chart.xAxis.drawLabelsEnabled = false // x축 선 chart.xAxis.drawAxisLineEnabled = false // 왼쪽 값 표시 제거 chart.leftAxis.enabled = false // 오른쪽 값 표시 제거 chart.rightAxis.enabled = false 위 옵션을 적용하면 그래프 값을 나타내는 선 말고는 모두 제거될 것 입니다.

[iOS/Swift] Charts 그래프 라이브러리 커스텀 마커 | Highlight Selected Value With a Custom Marker | 선택 값 출력 꾸미기 오늘은 Custom Marker를 만들어보도록 하겠습니다. 선택하면 나오는 Value를 좀 더 Custom 해서 보여줄 수 있습니다. 시작하기 전에 필요한 구성부터 확인하겠습니다. 기본적으로 차트가 보이는 ViewController와 CustomMarker를 그리는 View와 Class가 필요합니다. 처음에는 기본적으로 우리가 평소에 하던 방법으로 Chart를 그려줍니다. 다음은 CustomMarkerView Class 생성입니다. // // CustomMarkerView.swift // ChartsLibTest // // Crea..

[iOS/Swift] Charts 그래프 라이브러리 둥글게 라운드 처리 | 막대 그래프 코너, corner radius 01 - 기본 적용 — Jiwift (tistory.com) 앞에 글에서 막대 그래프 모서리를 둥글게 적용했지만 하이라이트 상태에서는 설정이 적용되지 않는 문제가 있었습니다. 이 글을 따라하면 쉽게 적용할 수 있습니다. 선택 기능을 제공하지 않는 어플리케이션은 적용하지 않아도 괜찮습니다. 해당 글은 Charts 라이브러리 4.1.0 버전을 기준으로 작성되었습니다. 3.x.x 후반 버전에서 적용한 위치가 다르기 때문에 다시 작성하였습니다. 시간이 흘러 본 게시글과 내용이 다를 수 있습니다. 라이브러리를 수정하는 방법으로 적용합니다. pods에서 BarChartRenderer를 찾아갑니다...

막대그래프 모서리를 둥글게 처리하는 방법을 소개합니다. 해당 글은 Charts 라이브러리 4.1.0 버전을 기준으로 작성되었습니다. 3.x.x 후반 버전에서 적용한 위치가 다르기 때문에 다시 작성하였습니다. 시간이 흘러 본 게시글과 내용이 다를 수 있습니다. 라이브러리를 수정하는 방법으로 적용합니다. pods에서 BarChartRenderer를 찾아갑니다. 382줄에서 'context.fill(barRect)'를 주석처리합니다. let bezierPath = UIBezierPath(roundedRect: barRect, cornerRadius:3.2) context.addPath(bezierPath.cgPath) context.drawPath(using: .fill) 주석하고 위 코드를 입력하면 적용 완..

// 선 색 barChartdataSet.barBorderColor = .red 위 메서드를 적용하고 싶은 막대 그래프 데이터 셋에 적용 SwiftExample/BarChartViewController.swift at main · wlxo0401/SwiftExample (github.com) GitHub - wlxo0401/SwiftExample: My study, record and share My study, record and share. Contribute to wlxo0401/SwiftExample development by creating an account on GitHub. github.com

// 선 두께 barChartdataSet.barBorderWidth = 5 적용하고 싶은 막대 그래프 데이터 셋에 위 메서드를 적용 SwiftExample/BarChartViewController.swift at main · wlxo0401/SwiftExample (github.com) GitHub - wlxo0401/SwiftExample: My study, record and share My study, record and share. Contribute to wlxo0401/SwiftExample development by creating an account on GitHub. github.com

// 라인 Dash 길이 lineChartdataSet.lineDashLengths = [10] 적용을 원하는 라인 그래프 데이터 셋에 위 메서드를 적용해주세요. /// This is the actual dash pattern. /// I.e. [2, 3] will paint [-- -- ] /// [1, 3, 4, 2] will paint [- ---- - ---- ] // 라인 Dash 길이 lineChartdataSet.lineDashLengths = [5, 10, 15] Array 형식을 채워주면 위와 같이 적용됩니다. Array 순서로 선과 공백 길이를 적용 [5, 10, 15]는 [5선, 10공백, 15선] 방식으로 반복 전용 SwiftExample/LineChartViewController...

chartdataSet.drawValuesEnabled = false value를 숨기고 싶은 데이터 세에 위 메서드를 작성해주시면 적용 가능합니다. ex // 데이터 적용하기 func setPieData(pieChartView: PieChartView, pieChartDataEntries: [ChartDataEntry]) { // Entry들을 이용해 Data Set 만들기 let pieChartdataSet = PieChartDataSet(entries: pieChartDataEntries, label: "매출") pieChartdataSet.drawValuesEnabled = false // DataSet을 차트 데이터로 넣기 let pieChartData = PieChartData(dataSet:..

// 동그라미 없애기 lineChartdataSet.drawCirclesEnabled = false 적용하고 싶은 데이터 셋에 drawCirclesEnabled 메서드를 사용해 false 합니다. SwiftExample/LineChartViewController.swift at main · wlxo0401/SwiftExample (github.com) GitHub - wlxo0401/SwiftExample: My study, record and share My study, record and share. Contribute to wlxo0401/SwiftExample development by creating an account on GitHub. github.com // // LineChartViewC..

글이 이해가지 않으면 지난 글을 확인해 주세요. [iOS/Swift] Charts 그래프 라이브러리 Line Chart 표시하기, 라인 차트 그리기 — Jiwift (tistory.com) [iOS/Swift] Charts 그래프 라이브러리 Line Chart 표시하기, 라인 차트 그리기 [iOS/Swift] Charts 그래프 라이브러리 Line Chart 표시하기, 라인 차트 그리기 안녕하세요. 오늘은 Line 차트를 그려볼 예정입니다. 지난 Bar 차트 그리기에서 UI 배치하는 방법은 다 했기 때문에 이번 시 jiwift.tistory.com [iOS/Swift] Charts Line Graph 다중 표시하기, 차트 그래프 라이브러리 여러 줄 표시하기 — Jiwift (tistory.com) [iO..

지난 글에서 이어서 작성합니다. 모든 내용을 담지 않기 때문에 지난 글을 확인해 주세요. 지난 글에서 코드를 수정하면서 진행합니다. [iOS/Swift] Charts 그래프 라이브러리 Line Chart 표시하기, 라인 차트 그리기 — Jiwift (tistory.com) [iOS/Swift] Charts 그래프 라이브러리 Line Chart 표시하기, 라인 차트 그리기 [iOS/Swift] Charts 그래프 라이브러리 Line Chart 표시하기, 라인 차트 그리기 안녕하세요. 오늘은 Line 차트를 그려볼 예정입니다. 지난 Bar 차트 그리기에서 UI 배치하는 방법은 다 했기 때문에 이번 시 jiwift.tistory.com var priceDataOne: [Double]! = [100, 345, ..

[iOS/Swift] Charts 그래프 라이브러리 x축 선, 라벨 없애기 | charts graph xAxis draw Enabled // x축 Grid self.myBarChartView.xAxis.drawGridLinesEnabled = false // x축 라벨 self.myBarChartView.xAxis.drawLabelsEnabled = false // x축 선 self.myBarChartView.xAxis.drawAxisLineEnabled = false 오늘은 X축(xAxis) 선과 라벨을 위 코드를 이용해서 없애겠습니다. 코드만 필요하신 분들은 위 코드를 복사하시면 되고 아래는 간단하게 설명을 하도로 하겠습니다. xAxis.drawGridLinesEnabled X축을 기준으로 세로로 길..

// 데이터 범례 form 모양 self.myBarChartView.legend.form = .square 우리는 위 메서드를 통해서 legend의 form 모양을 수정 가능합니다. 바로 위 빨간색 네모 안 모양을 변경할 수 있는데요. 저는 기본적으로 legend를 없애고 사용해서 신경 쓰지는 않았지만 누군가는 필요할 수 있다고 생각이 들어서 알려드립니다. 아래는 기본적으로 지원하는 shape입니다. public enum Form: Int { /// Avoid drawing a form case none /// Do not draw the a form, but leave space for it case empty /// Use default (default dataset's form to the lege..

[iOS/Swift] Charts 그래프 라이브러리 범례/범주 삭제 | charts graph remove legend 오늘은 chart에서 legend를 삭제하도록 하겠습니다. 이 라이브러리를 사용하면서 많이 어려웠던 것 중 하나는 용어인데요... 그래프를 다룬 적이 없던 저로서는 메서드 이름이 가끔씩 뭐를 뜻하는지 모를 때가 있었습니다. ㅋㅋㅋㅋ 그래서 오늘 삭제할 legend는 범례라고 하는데 용.. (위 사진은 엑셀 장인 마이크로스프트 문서 캡처) 사진을 보시면 바로 이해하실 겁니다. Chart.Legend 속성 (Microsoft.Office.Tools.Excel) | Microsoft Learn Chart.Legend 속성 (Microsoft.Office.Tools.Excel) 차트의 범례를 ..

[iOS/Swift] Charts 그래프 라이브러리 데이터 값없을 때 화면 커스텀 / charts graph no data 우리는 데이터가 없는 상황에서도 어플리케이션이 잘 돌아가야 합니다. 그 상황을 대비해서 어떻게 할 수 있을지 알아보도록 하겠습니다. 여기서는 Charts 라이브러리 기본 기능을 사용할 예정이지만 정답이 아닐 수 있기 때문에 생각을 통해서 어떤 표현이 가능한지 나열해보겠습니다. 1. Charts 라이브러리 기본 기능을 사용한다. 2. Alert를 사용해서 사용자에게 알린다. 3. 그래프가 메인 화면이라면 Alert를 사용해 알리고 화면을 나간다. 4. TableView안에 그래프가 있다면 다른 데이터가 없을 때를 대비한 Cell을 불러와서 보여준다. 위 방법 외에도 다양하게 대처를 할..

[iOS/Swift] Charts 그래프 라이브러리 Pie Chart 표시하기, 원형 차트 그리기 원형 그래프 [iOS/Swift] Charts 그래프 라이브러리 Bar Chart 표시하기, 바 차트 그리기 — Jiwift (tistory.com) [iOS/Swift] Charts 그래프 라이브러리 Bar Chart 표시하기, 바 차트 그리기 [iOS/Swift] Charts 그래프 라이브러리 Bar Chart 표시하기, 바 차트 그리기 안녕하세요. 이번 시간에는 Charts 라이브러리를 이용해서 가장 기본적인 Bar Chart를 표시해볼 예정입니다. 사실 이 라이브러리 jiwift.tistory.com [iOS/Swift] Charts 그래프 라이브러리 Line Chart 표시하기, 라인 차트 그리기 ..

[iOS/Swift] Charts 그래프 라이브러리 Line Chart 표시하기, 라인 차트 그리기 안녕하세요. 오늘은 Line 차트를 그려볼 예정입니다. 지난 Bar 차트 그리기에서 UI 배치하는 방법은 다 했기 때문에 이번 시간에는 코드만 소개하고 지나가도록 하겠습니다. Storyboard부터 보고 싶으신 분은 지난 Bar 차트 글을 참고해주세요. [iOS/Swift] Charts 그래프 라이브러리 Bar Chart 표시하기, 바 차트 그리기 — Jiwift (tistory.com) [iOS/Swift] Charts 그래프 라이브러리 Bar Chart 표시하기, 바 차트 그리기 [iOS/Swift] Charts 그래프 라이브러리 Bar Chart 표시하기, 바 차트 그리기 안녕하세요. 이번 시간에는 ..

[iOS/Swift] Charts 그래프 라이브러리 Bar Chart 표시하기, 바 차트 그리기 안녕하세요. 이번 시간에는 Charts 라이브러리를 이용해서 가장 기본적인 Bar Chart를 표시해볼 예정입니다. 사실 이 라이브러리를 소개한다는 게 생각보다는 쉽지 않다고 판단됩니다. 왜냐하면! 차트를 기본적으로 표시하고 나면 전부 각자 디자인에 따라서 커스텀을 하러 떠나야 하거든요.. ㅋㅋ 그래서 저는 경험한 내용을 풀어나가면서 라이브러리 글을 작성해볼 생각입니다. 몇 명 잘 안 사용할 것 같지만 그래도 누군가에게 도움이 될 수 있으면 좋겠네요. 우선 앞 글들을 확인하고 싶으신 분들은 아래 목록을 확인해주세요. '라이브러리/Charts' 카테고리의 글 목록 — Jiwift (tistory.com) '라이..

[iOS/Swift] Charts 그래프 라이브러리 설치 이번 시간에는 아주 간단하게 라이브러리 설치하는 방법을 알아보겠습니다. 사실 Chart를 검색하고 찾아오신 분들 중에서 라이브러리를 설치 못하시는 분들은 없겠지만 그래도~ 사용하는 단계 중 하나인 설치 법도 배우는 게 좋다고 생각되어서 글을 남깁니다. 아시는 분들은 아시겠지만! 혹시나 해서.. 사실 설치 방법은 라이브러리들 깃 허브에 들어가면 다 나옵니다. danielgindi/Charts: Beautiful charts for iOS/tvOS/OSX! The Apple side of the crossplatform MPAndroidChart. (github.com) GitHub - danielgindi/Charts: Beautiful charts..

[iOS/Swift] Charts 그래프 라이브러리 안녕하세요. 오늘은 DGCharts 라이브러리를 알아볼 예정입니다. 원래 이미 작성해둔 글들을 옮기려고 생각했으나 한번 나누어서 여러 편으로 나누어서 기록해보려고 합니다. 깃 허브에 swift chart라고 검색하면 많은 라이브러리들이 나옵니다. 다들 star도 많이 받기도 해서 사실 사용하는 데는 문제가 없다고 생각이 이듭니다. 하지만 이번에는 Charts 라이브러리를 사용할 예정입니다. danielgindi/Charts: Beautiful charts for iOS/tvOS/OSX! The Apple side of the crossplatform MPAndroidChart. (github.com) GitHub - danielgindi/Charts: ..