Release No. 7.0.500.20260122-11 

Chart

개요

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

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

데이터 연결 방식

또한 데이터를 추출하기 위해서는 i-META를 사용하는 방법과 SQL을 사용해 추출하는 두 가지 방법이 있습니다.

(Chart 우클릭> 데이터 소스)

본 가이드에서는 데이터를 연결하는 방법 중 SQL을 이용하여 연결해 보도록 하겠습니다.

Chart 컨트롤은 데이터를 시각화 하여 조회할 수 있으며, Bar Chart(Chart) / Pie-Chart / ScatterChart / PolygonChart / Chart-EX / Slider 컨트롤을 활용할 수 있습니다.

Image Added

Chart-EX와 Slider를 제외한 Chart 컨트롤의 데이터 연결 방식은 동일합니다.

SQL 쿼리로 데이터 연결

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

1. Script Editor 실행

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

   Image Added
   
   

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

2. DB 연결

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

3. SQL 쿼리 작성

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

   참고사항
   SQL 쿼리 자동 생성a. 왼쪽 하단 영역 테이블 검색창에 테이블명을 입력하고 Enter 키를 누르면, DB 내 테이블 정보를 조회할 수 있습니다. b. 검색된 테이블에서 마우스 우클릭 후 [Create SQL]을 클릭하면 SQL 쿼리가 자동으로 생성됩니다. c. 이후 생성된 쿼리를 원하는대로 원하는 대로 편집하여 사용할 수 있습니다.

   
   

4. 쿼리 실행 및 확인

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

5. 데이터 소스 저장

   
   

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

Step2. Chart에 데이터 연결

1. 생성된 데이터 소스를 Chart에 연결해 보도록 하겠습니다.

   
   

   UI Bot > [Chart]를 선택하여 화면에 배치합니다.
   Image Added
   
   

2. [Chart] 컨트롤 선택 후 우측 속성 창 [Data] > [DataSource]에서 연결하고자 하는 데이터 소스 이름을 선택합니다.
   보고서 열람 시 쿼리가 즉시 실행되도록 [Event] > [AutoRefresh]를 활성화합니다.
   Image Added

   정보
   이벤트 종류에 대한 설명은 👉이벤트 실행 순서 알아보기를 참고하세요.

   
   

Step3.

결과 확인

상단 [실행] 버튼을 클릭하면 데이터가 Chart에 정상적으로 출력되는지 데이터가 정상적으로 조회 되는지 확인합니다.

Image Added