XY Chart - Bar(막대)¶

목적

U4A Workspace에서 XYChart를 사용하여 막대차트를 구현하는 방법을 설명한다

이 매뉴얼은 초보 사용자를 위해 작성되었으며, 단계별 설명과 함께 필수적인 기능과 설정을 다룬다

주요 단계¶

<사진 1> XYChart UI 추가

<사진 2> CategoryAxis UI 추가

<사진 3> ValueAxis UI 추가

<사진 4> Y축에 대한 최대값, 최소값 설정

<사진 5> SeriesSetting UI 추가

<사진 6> BarSetting UI 추가

<사진 7> CategoryItem UI 추가

<사진 8> Category에 대한 Text 입력

<사진 9> 막대 차트 추가

<사진 10> 막대 값을 입력 후, 적용된 미리보기 화면

<사진 11> 두번째 막대 값을 입력 후, 적용된 미리보기 화면

<사진 12> 2번째 Category가 적용된 화면

<사진 13> 실제 차트가 적용된 결과 WEB 화면

SeriesSetting의 BarSetting 항목과 CategoryItem의 BarItem 항목은 서로 순서대로 대응되므로, 순서가 변경되면 데이터가 달라질 수 있으니 주의해야 함

<사진 14> BarSetting 항목과 BarItem 대응 비교 화면