Release No. 7.0.500.20260122-11 

Chart 활용 개요

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

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

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

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

Step1. 데이터 소스(Data Source) 생성

1. Script Editor 실행

   상단 메뉴 [편집 그룹] > [Script Editor]를 클릭합니다.
   [Script Editor]창이 실행되면, 왼쪽 [Data Source] 폴더에서 마우스 우클릭 후 [New]를 선택합니다.

   
   

2. DB 연결

   쿼리를 작성할 수 있는 데이터 소스(Data1)가 생성되며, [Connection]에서 연결할 DB를 선택 후 [SQL Text]에 쿼리를 입력합니다.

3. SQL 쿼리 작성

   조회하려는 데이터에 맞게 SQL 쿼리를 작성합니다.

Step2. DB연결

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

Step3. SQL작성

1. 참고사항
   SQL 쿼리 자동 생성 a. 왼쪽 하단 영역 테이블 검색창에 테이블명을 입력하고

1. Enter 키를 누르면, DB 내 테이블 정보를 조회할 수 있습니다. b. 검색된 테이블에서 마우스 우클릭 후 [Create SQL]

1. 을 클릭하면 SQL 쿼리가 자동으로 생성됩니다.

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

1. c. 이후 생성된 쿼리를 원하는대로 편집하여 사용할 수 있습니다. Image Added

   
   

2. 쿼리 실행 및 확인

1. 상단의 [Execute]

1. 버튼 또는 키보드의 F5 키를 눌러 Script Editor 창 하단에 데이터가 정상적으로 출력되는지 확인합니다.

1. 데이터 소스

1. 저장

1. 원하는 데이터가 올바르게 조회 됐다면, 상단 [저장] 버튼을 클릭한 뒤 Script Editor 창을 닫습니다.

Step2. Chart에 데이터 연결

1. 생성된 데이터 소스를

1. Chart에 연결해 보도록 하겠습니다.
   

1. UI Bot

1. > [Chart]를 선택하여 화면에

1. 배치합니다.
   
   
   
2. [

1. Chart]

1. 컨트롤 선택 후 우측

1. 속성 창 [Data] > [DataSource]에서 연결하고자 하는 데이터 소스 이름을 선택합니다.
   보고서 열람 시 쿼리가 즉시

1. 실행되도록 [Event]

1. > [AutoRefresh]

1. 를 활성화합니다.

Step3.

SQL작성

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

Step8. Olap-Grid 연결

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

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