YT트렌드차트 툴바(YTTrendChart Toolbar)에 있는 기능 중 시간 이동과 관련한 버튼을 직접 커스텀해서 사용할 수 있는 샘플을 준비했습니다.

스크립트(Script)를 사용해 해당 시간만큼 이동하도록 설정해보겠습니다.

1. X-SCADA AI Designer에서 아래와 같이 YT트렌드차트(YTTrendChart)를 생성한 뒤 레이블(Label) 객체로 시간 이동 버튼을 생성한다.

· 파일 버퍼(File Buffer) 및 시리즈(Series) 등에 대한 설정은 생략하였습니다. (아래 버튼(링크) 클릭 시 따라하기로 이동)

· YT트렌드차트 활용하기 게시글로 이동 (클릭시 이동)

2. 시간 이동 버튼은 평소에는 숨어있다가 히스토리컬 모드(Historical Mode)에서만 버튼이 보이도록 하기 위해 사각형(Rectangle) 객체를 만들어 버튼 위에 위치시킨다.

3. 스크립트 편집창에서 아래와 같이 스크립트를 작성한다.

4. 각 버튼마다 작성한 스크립트 이벤트들을 매칭시킨다.

· 스크립트를 적용할 버튼 선택 > 속성(Properties) > 상단 스크립트(Script) 아이콘 클릭 > OnClick 우측 […] 클릭 > 이벤트 선택

5. 모든 설정이 끝난 뒤 프로젝트를 저장한다.

6. X-SCADA AI Viewer로 해당 프로젝트를 열어 데이터를 수집한다.

7. 왼쪽 아래쪽에 있는 Stop 버튼을 클릭하여 Historical mode로 진입한 뒤 시간 이동 버튼을 클릭하여 보고자 하는 시간으로 이동한다.

8. 첨부한 샘플을 다운로드 받아 실행하면 더 자세한 설정을 확인할 수 있습니다.