| Easy Heading Macro | ||||||
|---|---|---|---|---|---|---|
|
작성자 : 제현재 / 검수자 : -
Release No. 7.0.500.20260122-11
Chart
활용개요
UI Bot에서 지원하는 Chart는 조회한 데이터 결과를 시각화하는 용도로 사용할 수 있습니다.
Chart엔 SQL로 직접 데이터를 연결하여 데이터를 시각화할 수 있습니다.
본 가이드에서는 데이터를 연결하는 방법 중 SQL 쿼리로 생성한 데이터로 연결해 보도록 하겠습니다.
Chart 활용 : SQL 쿼리Chart 컨트롤은 데이터를 시각화 하여 조회할 수 있으며, Bar Chart(Chart) / Pie-Chart / ScatterChart / PolygonChart / Chart-EX / Slider 컨트롤을 활용할 수 있습니다.
Chart-EX와 Slider를 제외한 Chart 컨트롤의 데이터 연결 방식은 동일합니다.
| 정보 |
|---|
SQL 쿼리로 데이터 연결
Step1. 데이터 소스(Data Source) 생성
Script Editor 실행
상단 메뉴 [편집그룹] 편집 그룹 > [Script Editor]를 클릭합니다.
Script Editor창이 실행되면, 왼쪽 [Data Source] 폴더에서 마우스 우클릭 후 [New]를 선택합니다.
Step2. DB연결
쿼리를 생성할 수 있는 데이터 소스창이 나타나며 Connection에
DB 연결
쿼리를 작성할 수 있는 데이터 소스(Data1)가 생성되며, [Connection]에서 연결할 DB를 선택 후 [SQL
Step3. SQL작성
Text]에 쿼리를 입력합니다.
SQL 쿼리 작성
조회하려는 데이터에 맞게 SQL 쿼리를 작성합니다.
참고사항 SQL 쿼리 자동 생성
- 왼쪽 하단 영역 테이블 검색창에 테이블명을 입력하고
- Enter 키를 누르면, DB 내 테이블 정보를 조회할 수 있습니다.
- 검색된 테이블에서 마우스 우클릭 후 [Create SQL]
- 을 클릭하면 SQL 쿼리가 자동으로 생성됩니다.
- 이후
- 생성된 쿼리를 원하는 대로 편집하여 사용할 수 있습니다.
쿼리 실행 및 확인
상단의 [Execute]
버튼 또는 키보드의 F5 키를 눌러 Script Editor 창 하단에 데이터가 정상적으로 조회 되는지 확인합니다.
데이터 소스
저장
원하는 데이터가 올바르게 조회됐다면, 상단 [저장] 버튼을 클릭한 뒤 Script Editor 창을 닫습니다.
Step2. Chart에 데이터 연결
생성된 데이터 소스를
Chart에 연결해 보도록 하겠습니다.
[
UI Bot
> [Chart]를 선택하여 화면에
배치합니다.
[
Chart]
컨트롤 선택 후 우측
속성 창 [Data] > [DataSource]에서 연결하고자 하는 데이터 소스 이름을 선택합니다.
보고서 열람 시 쿼리가 즉시
실행되도록 [Event]
> [AutoRefresh]
를 활성화합니다.
Step7. 결과 확인
상단 메뉴의 [실행] 버튼을 클릭하여 데이터가 그리드에 정상적으로 출력되는지 확인합니다.
Step8. Olap-Grid 연결
[UI Bot] 도구 상자에서 [Olap-Grid]를 선택하여 화면에 배치 합니다. (연결 방식은 List-Grid와 동일합니다.)
DataSource를 연결하고, AutoRefresh를 활성화합니다.실행 버튼을 클릭하여 Olap-Grid 피벗 분석 기능이 정상 작동하는지 확인합니다.OLAP Grid는 분석 항목을 쉽게 이동할 수 있어, 사용자가 원하는 형태의 다차원 분석을 빠르게 구현할 수 있습니다
정보 이벤트 종류에 대한 설명은 👉이벤트 실행 순서 알아보기를 참고하세요.
Step3. 결과 확인
상단 [실행] 버튼을 클릭하면 Chart에 데이터가 정상적으로 조회 되는지 확인합니다.
