Chart 모드

Chart에는 2가지 모드가 있다. 일반적인 Chart인 View모드와 원하는 영역을 확대하여 볼 수 있는 Zoom 모드가 있다.

EdgeMaster 1 Manual > Chart 사용법 > dashboard8.png

① 일반적인 Chart 상태로 대부분의 경우 생성 시 View 모드가 적용된다.

② Time Range 설정에서 Refresh Time을 설정한 경우 그 주기에 따라 Chart가 갱신된다.

원하는 영역을 확대하여 조회하는 모드로 사용자의 편의를 위하여 주기적인 Refresh가 정지된다.

Chart의 하단에 viewport가 나타나서 조회되는 범위 및 배율을 손쉽게 조절할 수 있다.

EdgeMaster 1 Manual > Chart 사용법 > dashboard4.png

① Chart에서 원하는 영역을 Drag하면 하단에 viewport가 나타난다.

viewport : Chart 아래 부분에 전체 그래프가 표시되는 부분. Chart의 일부를 확대해서 볼 때만 표시된다.
viewport 좌측에 있는 [x]를 누르면 Zoom 모드를 종료하고 viewport를 닫는다.
window : viewport 중에서 현재 Chart에 그려지는 부분을 표시한다.
마우스로 Drag하여 이동할 수 있으며, 좌우측 끝부분을 Drag하면 크기를 변경하여 Chart를 확대 축소할 수 있다.

② viewport를 조정하면 Chart의 조회 범위 및 배율이 변경된다.

viewport buttons : viewport를 이동하거나 조작하는데 사용되는 button들이다.

버튼	설명	비고
Time Range	시간 및 기간을 사용하여 Time Range를 설정한다.	From & 6M
Undo	Zoom 조작을 취소한다. 마우스 우측 버튼도 같은 기능을 수행한다.	현재는 직전의 Zoom만 가능
Reset	Time Range를 전체 데이터의 minimum ~ maximum 으로 설정한다.
Center	현재의 window가 viewport의 중앙에 위치하도록 Time Range를 조정한다.
Resize	현재의 window가 20%의 크기로 중앙에 위치하도록 Time Range를 조정한다.
- , +	window를 좌측(우측)으로 Zoom out / Zoom in 한다.	Zoom out / Zoom in
<< , < , > , >>	window를 좌우로 100%(50%) 이동한다.	Raw Data Chart용 (Chart Header에 표시)

Dashboard 변경

저장된 Dashboard를 선택하여 조회할 수 있다.

EdgeMaster 1 Manual > Chart 사용법 > Load board1.PNG

① 상단의 선택 박스에서 원하는 Dashboard를 선택한다.

EdgeMaster 1 Manual > Chart 사용법 > chart 주기설정.PNG

① Dashboard의 상단에 표시된 시간 범위를 클릭하면 Time Range 설정 창이 뜬다.

② 입력 란에 원하는 값을 입력한 후 [Save] 버튼을 클릭한다.

항목	설명	비고
Time Range	Chart에 표시할 Data 범위
Refresh Time	Chart가 새로 갱신될 주기
From	Chart에 표시할 Data의 시간 범위 시작점 (now, s/m/h/d 사용가능)	now-1h
To	Chart에 표시할 Data의 시간 범위 종료점 (now, s/m/h/d 사용가능)	now-1h
Configuration	Chart가 갱신될 주기 (초)

① 우측 상단의 [⋮] 버튼을 눌러 [Save Board]를 클릭한다.

EdgeMaster 1 Manual > Chart 사용법 > dashboard7.png

② Board Title 입력창에 원하는 Dashboard의 Title을 입력하고 [Save] 버튼을 클릭한다.
※ "Save as copy"를 Check하면 새로운 Dashboard로 저장된다.

EdgeMaster 1 Manual > Chart 사용법 > save board2.png

① 우측 상단의 [⋮] 버튼을 눌러 [Show Board]를 클릭한다.

EdgeMaster 1 Manual > Chart 사용법 > dashboard7.png

② URL을 복사해서 배포할 수 있다.

EdgeMaster 1 Manual > Chart 사용법 > chart 배포.PNG

① 우측 상단의 [⋮] 버튼을 눌러 [Manage Board]를 클릭한다.

EdgeMaster 1 Manual > Chart 사용법 > dashboard7.png

② Dashboard의 설정 값들을 변경할 수 있다.

EdgeMaster 1 Manual > Chart 사용법 > manage board.png

Edge Chart에서 현재 조회중인 범위 및 Tag의 Data를 CSV로 저장하거나 Fog로 Download할 수 있다.

EdgeMaster 1 Manual > Chart 사용법 > chart 다운로드.PNG

① 차트 우측 상단의 [] 버튼을 클릭하면 Download 창이 나타난다.

② 원하는 Download 유형을 선택한 후 [Save]버튼을 클릭한다.

항목	설명
Download To Fog	Edge의 Data를 Fog에 저장한다. 저장된 내용은 Event Chart에서 확인할 수 있다.
Download To CSV(Raw)	Raw 데이터로 CSV 파일로 저장한다.
Download To CSV(Calculated)	Calculated 데이터로 CSV 파일로 저장한다.

삭제하려는 Chart의 오른쪽 상단 메뉴 중 [] 버튼을 누른다. 삭제 확인창이 뜨고 확인 버튼을 누르면 Chart가 삭제된다.