콘텐츠로 이동

데이터 시각화

MX On Cloud 대시보드는 HMI 데이터를 모니터링하고 관리하는 대화형 시각화를 제공합니다. 차트·그래프·표를 통한 데이터 시각화, HMI 장치 관리, 대화형 제어 요소, 사용자 지정 레이아웃, 역할 기반 접근 제어가 주요 기능입니다.

MX On Cloud 대시보드는 다섯 가지 핵심 구성 요소로 이루어집니다. 이 요소들이 어떻게 연결되는지 알면 효과적인 대시보드를 설계할 수 있습니다.

아래 그림은 전형적인 드릴다운 대시보드입니다. Main 상태는 Entity Table에 모든 HMI 장치를 나열합니다. 사용자가 행을 클릭하면 동작이 실행되어 Device Details 상태로 이동하고, 이 상태의 차트가 선택한 HMI 장치의 데이터를 보여 줍니다. 상태마다 자체 레이아웃과 시간 창이 있고, 위젯은 저마다 별칭을 통해 데이터를 가져옵니다.

상태는 한 대시보드 안에서 탐색 계층을 이루는, 이름이 붙은 화면입니다. 모든 대시보드에는 상태가 하나 이상 있으며, 기본이 되는 상태를 루트 상태라고 합니다. 상태를 더 추가해 상세 페이지, 설정 패널 등 하위 화면을 만들 수 있습니다.

사용하는 경우: 대시보드를 벗어나지 않고 장치·자산 목록에서 개별 엔티티의 상세 정보로 들어갈 때(드릴다운) 씁니다. 예를 들어 루트 상태에서 모든 온도 조절기를 나열하고, 상세 상태에서 선택한 온도 조절기의 온도 차트를 보여 줍니다.

상태를 만들고 관리하는 방법은 대시보드 가이드를 참고하세요.

별칭은 위젯이 데이터를 어디서 가져올지 알려 주는, 이름이 붙은 참조입니다. 별칭은 정적(고정된 엔티티를 가리킴)이거나 동적(대시보드 상태, 관계, HMI 장치 유형 등에서 실행 중에 결정됨)일 수 있습니다.

모든 위젯에 별칭이 필요한 것은 아닙니다. HTML 카드나 탐색 버튼 같은 정적 위젯에는 데이터 소스가 없을 수 있습니다. 하지만 엔티티 데이터(텔레메트리, 속성, 알람)를 표시하는 위젯에는 별칭이 하나 이상 필요합니다.

사용하는 경우: 항상 같은 엔티티를 보여 주는 대시보드에는 정적 별칭을 씁니다. 드릴다운에는 동적 별칭, 특히 대시보드 상태로 부터의 개체를 씁니다. 이 별칭은 사용자가 상위 상태에서 선택한 엔티티로 결정됩니다.

별칭 유형 전체 목록과 설정 방법은 엔티티 별칭을 참고하세요.

레이아웃은 대시보드 격자에 위젯을 배치하는 방식을 정합니다. 상태마다 자체 레이아웃이 있습니다. 유형은 세 가지입니다.

  • 기본값 — 위젯이 열 기반 격자에 맞춰 붙습니다. 끌어다 놓아 위치를 정할 수 있습니다. 레이아웃 세로 길이 자동 채우기를 켜면 위젯이 화면을 채우도록 세로로 다시 배치됩니다.
  • SCADA — 산업용 HMI 화면을 위한 유형입니다. 위젯 사이에 여백이 없어 파이프와 SCADA 심볼이 항상 제대로 이어집니다. 위젯은 기본적으로 배경이 투명하고 그림자 없이 놓여 SCADA 캔버스에 자연스럽게 섞입니다.
  • 구분선 — 대시보드를 왼쪽과 오른쪽 패널로 나눕니다. 목록-상세 화면(예: 왼쪽에 엔티티 목록, 오른쪽에 엔티티 상세 정보)에 유용합니다.

레이아웃마다 중단점도 지원합니다. 중단점은 화면 너비 기준값으로, 데스크톱·태블릿·모바일에 서로 다른 위젯 배치를 정의할 수 있게 해 줍니다. 그래서 한 상태가 화면 크기에 따라 위젯 구성과 위치를 바꿀 수 있습니다.

레이아웃 설정, 중단점, 세부 설정은 레이아웃을 참고하세요.

동작은 사용자 상호작용(행 클릭, 헤더 버튼 누르기, 지도 마커 탭)에 반응하는 이벤트 처리기입니다. 상태 간 이동, 상태 갱신, URL 열기, 사용자 지정 JavaScript 로직을 실행합니다.

사용하는 경우: 상태 간 드릴다운 탐색을 연결하거나, 위젯을 외부 페이지와 연결하거나, 사용자 지정 함수(엔티티 삭제, 대화상자 열기 등)를 실행할 때 씁니다.

동작 유형과 동작 소스 전체 목록은 위젯 동작을 참고하세요.

시간 창은 대시보드의 모든 시계열 데이터에 적용되는 시간 범위와 집계를 정합니다.

  • 실시간 — 현재 시각을 따라 계속 움직이는 시간 범위입니다(예: “최근 1시간”). 실시간 모니터링 대시보드에 씁니다.
  • 기록 — 한 번 불러오는 고정된 시간 범위입니다(예: “3월 1일 – 3월 7일”). 분석과 보고에 씁니다.

기본적으로 대시보드 수준 시간 창이 모든 위젯에 적용됩니다. 시계열 위젯은 저마다 자체 시간 창 설정으로 이를 덮어쓸 수 있습니다.

자세한 설정 방법은 시간 창 설정을 참고하세요.