Chart 활용 개요

UI Bot에서 지원하는 Chart는 조회한 데이터 결과를 시각화하는 용도로 사용할 수 있습니다.

Chart엔 SQL로 직접 데이터를 연결하여 데이터를 시각화할 수 있습니다.

본 가이드에서는 데이터를 연결하는 방법 중 SQL 쿼리로 생성한 데이터로 연결해 보도록 하겠습니다.

Chart 활용 : SQL 쿼리 데이터 연결

상단 메뉴 [편집그룹] > [Script Editor]를 클릭합니다.

[Script Editor]창이 실행되면, 왼쪽 [Data Source] 폴더에서 마우스 우클릭 후 [New]를 선택합니다.

쿼리를 생성할 수 있는 데이터 소스창이 나타나며 Connection에 연결할 DB를 선택 후 SQL Text창에 쿼리를 입력합니다.
이번 실습에서는 SQL 자동 생성 기능을 통해 쿼리를 작성해보도록 하겠습니다.

왼쪽 하단 영역 테이블 검색창에 테이블명을 입력하고 Enter를 누르면 DB 내 테이블 정보를 조회할 수 있습니다.

검색된 테이블에서 마우스 우클릭 후 [Create SQL] 기능을 사용하여 SQL문을 자동으로 생성합니다.

이후 원하는 쿼리문으로 편집합니다.

상단의 [Execute] 버튼을 누르거나 키보드의 F5를 눌러 하단 결과창에 데이터가 정상적으로 출력되는지 확인합니다.

쿼리문이 완료되면 상단의 [저장] 버튼을 클릭한 뒤 Script Editor 창을 닫습니다.

생성된 데이터 소스를 화면에 배치된 그리드와 연결해 보도록 하겠습니다.
[UI Bot] 도구 상자에서 [List-Grid]를 선택하여 화면에 배치 합니다.

[List-Grid] 컴포넌트 선택 후 우측 속성창 Data영역에 DataSource 항목에서 생성된 데이터 소스를 선택합니다.

보고서 열람 시 쿼리가 즉시 실행되도록 [Event]> [AutoRefresh] 속성을 활성화로 설정합니다.

상단 메뉴의 [실행] 버튼을 클릭하여 데이터가 그리드에 정상적으로 출력되는지 확인합니다.

[UI Bot] 도구 상자에서 [Olap-Grid]를 선택하여 화면에 배치 합니다. (연결 방식은 List-Grid와 동일합니다.)

DataSource를 연결하고, AutoRefresh를 활성화합니다.

실행 버튼을 클릭하여 Olap-Grid 피벗 분석 기능이 정상 작동하는지 확인합니다.

OLAP Grid는 분석 항목을 쉽게 이동할 수 있어, 사용자가 원하는 형태의 다차원 분석을 빠르게 구현할 수 있습니다