[swift] Swift Charts에서 차트 데이터 축 레이블 스타일 설정하기

24 Nov 2023

swift

Swift Charts는 iOS 개발자들이 데이터 시각화를 위해 사용할 수 있는 강력한 라이브러리입니다. 이 라이브러리를 사용하여 차트를 생성하고 데이터 축에 있는 레이블의 스타일을 설정하는 방법을 알아보겠습니다.

Swift Charts의 축 레이블은 ChartAxisValueFormatter 프로토콜을 구현하여 사용자 정의할 수 있습니다. 이를 통해 레이블 텍스트, 글꼴, 색상 등을 변경할 수 있습니다.

먼저, 새로운 클래스를 만들고 ChartAxisValueFormatter 프로토콜을 구현합니다. 아래의 코드 예시를 참고해주세요.

class MyAxisValueFormatter: NSObject, ChartAxisValueFormatter {
    func stringForValue(_ value: Double, axis: AxisBase?) -> String {
        // 원하는 레이블 텍스트를 리턴합니다.
        return "\(value) 월"
    }
    
    func stringForValue(_ value: Double,
                       axis: AxisBase?,
                       dataSetIndex: Int,
                       viewPortHandler: ViewPortHandler?) -> String {
        // 필요한 경우 특정 데이터 세트에 대한 레이블 텍스트를 리턴할 수도 있습니다.
        return "\(value) 데이터"
    }
}

이제 위에서 생성한 클래스를 사용하여 데이터 축에 적용할 수 있습니다. 아래의 코드 예시를 참고해주세요.

let chartView = BarChartView()

// X 축에 대한 레이블 스타일 설정
let xAxis = chartView.xAxis
xAxis.valueFormatter = MyAxisValueFormatter()

// Y 축에 대한 레이블 스타일 설정
let yAxis = chartView.leftAxis
yAxis.valueFormatter = MyAxisValueFormatter()

// 차트 데이터 설정 및 렌더링
let data = BarChartData(dataSet: dataSet)
chartView.data = data
chartView.notifyDataSetChanged()

위의 예시 코드에서는 MyAxisValueFormatter를 사용하여 X축과 Y축의 레이블을 변경하고 있습니다.

이와 같이 Swift Charts를 사용하여 차트 데이터 축의 레이블 스타일을 설정할 수 있습니다. 축 레이블의 텍스트 및 스타일을 원하는 대로 변경하면서, 더욱 인상적인 데이터 시각화를 만들어보세요.