페이지 트리

버전 비교

  • 이 줄이 추가되었습니다.
  • 이 줄이 삭제되었습니다.
  • 서식이 변경되었습니다.



Easy Heading Macro
titleExpandClickabletrue
navigationTitle목차
navigationExpandOptioncollapse-all-but-headings-1

작성자 : 제현재 / 검수자 : - 


Release No. 7.0.500.20260122-11 

Chart 활용 개요

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

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

Image Added

데이터 연결 방식

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

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

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


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

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

  1. 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 창 하단에 데이터가 정상적으로 출력되는지 확인합니다.

  5. 데이터 소스 저장

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

Step2. Chart에 데이터 연결

  1. 생성된 데이터 소스를 Chart에 연결해 보도록 하겠습니다.
    UI Bot > [Chart]를 선택하여 화면에 배치합니다.


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


Step3. 결과 확인

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