캔버스

캔버스 위젯의 예

• 캔버스 위젯은 배경 이미지를 입히고, 그 위에 데이터, 라벨, 이미지 오브젝트를 표시할 수 있는 위젯입니다.

캔버스 위젯 생성 방법

1. 위젯 생성하기

• 위젯의 이름을 입력하고 위젯을 생성합니다.

2. 배경 이미지 설정하기

• 생성된 위젯 창을 클릭하고, 배경 이미지를 설정합니다.

3. 오브젝트 추가하기

• 생성된 위젯의 오른쪽 위에 데이터 추가, 라벨 추가, 이미지 추가 메뉴를 통해 오브젝트를 추가할 수 있습니다.

3.1. 데이터 오브젝트 생성

• 데이터 오브젝트는 장치의 데이터 중 1개의 필드를 선택하여 화면에 실시간으로 표시하는 오브젝트입니다.
• 그룹 선택(관리자 only) -> 장치 선택 -> 필드 선택의 순서로 설정합니다.
• 라벨, 단위, 소숫점 자리를 설정할 수 있습니다.
• 스타일 탭에서 색상 및 폰트 크기를 설정할 수 있습니다.

• 액션 탭에서는 해당 오브젝트를 클릭했을 때 동작을 정의합니다.
• URL 열기, 대시보드 이동, 팝업 열기, 데이터 상세 페이지로 이동 등의 액션이 가능합니다.

3.2. 라벨 오브젝트 추가하기

• 라벨 오브젝트는 고정 문자열을 표시하는 오브젝트입니다.
• 문자열 및 스타일, 액션 설정(데이터 오브젝트와 동일)이 가능합니다.

3.3. 이미지 오브젝트 추가하기

• 이미지 오브젝트는 사용자가 원하는 이미지를 올려서 표시하는 오브젝트입니다.
• 액션 설정(데이터 오브젝트와 동일)이 가능합니다.