[swift] Swift Charts에서 차트 데이터 축 최소/최대 값 설정하기

24 Nov 2023

swift

Swift Charts는 iOS 애플리케이션에서 사용할 수 있는 강력한 차트 라이브러리입니다. 이 라이브러리를 사용하면 다양한 형식의 차트를 구현할 수 있으며, 데이터 축의 최소/최대 값을 설정하여 원하는 형태로 차트를 커스텀할 수 있습니다.

차트 데이터 축 설정하기

차트 데이터 축 설정을 위해 Swift Charts의 ChartAxisValue 클래스를 사용할 수 있습니다. 이 클래스는 데이터 축의 값을 나타내는데 사용됩니다. 이 값은 최소/최대 범위에 포함되는 데이터 값들을 기준으로 결정됩니다.

먼저, X 축과 Y 축을 설정한 후에 ChartAxisValue 인스턴스를 만들어야 합니다. 이 인스턴스는 데이터 축의 표시되는 값을 정의합니다. 예를 들어, X 축은 시간을 나타내는 경우, ChartAxisValueDate를 사용하여 날짜를 표시할 수 있습니다.

let xAxisValues = [ChartAxisValueDate(date: Date(timeIntervalSince1970: 0), formatter: dateFormatter),
                   ChartAxisValueDate(date: Date(timeIntervalSince1970: 86400), formatter: dateFormatter),
                   ChartAxisValueDate(date: Date(timeIntervalSince1970: 172800), formatter: dateFormatter)]
 
let yAxisValues = [ChartAxisValueDate(date: Date(timeIntervalSince1970: 0), formatter: dateFormatter),
                   ChartAxisValueDate(date: Date(timeIntervalSince1970: 3600), formatter: dateFormatter),
                   ChartAxisValueDate(date: Date(timeIntervalSince1970: 7200), formatter: dateFormatter)]

위 코드에서 dateFormatter는 날짜를 문자열로 표시하기 위한 date formatter입니다.

차트 축 최소/최대 값 설정하기

데이터 축의 최소/최대 값을 설정하기 위해, xAxis와 yAxis의 axisValues를 사용하여 축을 설정합니다. 이 때, 이전에 만든 xAxisValues와 yAxisValues를 사용하여 설정할 수 있습니다.

let chartXAxis = ChartAxisValuesStaticStatic(values: xAxisValues, axisTitleLabels: [axisTitleLabelX])
let chartYAxis = ChartAxisValuesStaticStaticStatic(values: yAxisValues, axisTitleLabels: [axisTitleLabelY])
chartSettings.leadingAxis = chartXAxis
chartSettings.trailingAxis = chartXAxis
chartSettings.topAxis = chartYAxis
chartSettings.bottomAxis = chartYAxis

위 코드에서 chartSettings는 차트의 설정을 나타내는 ChartSettings 인스턴스입니다. 축 설정 후, 차트를 업데이트하여 최소/최대 값이 적용되도록 해야 합니다.

chartView.update(chartSettings: chartSettings)

결론

Swift Charts를 사용하여 차트 데이터 축의 최소/최대 값을 설정하는 방법을 알아보았습니다. 이를 통해 차트를 원하는 형태로 커스텀할 수 있으며, 데이터를 보다 명확하게 시각화할 수 있습니다.

더 자세한 내용은 Swift Charts 공식 문서를 참조해주세요.