Canvas 패널
Canvas 패널
Canvas 패널은 데이터와 결합할 수 있는 유연한 시각적 요소(도형, 이미지, 텍스트, 아이콘 등)를 캔버스 위에 자유롭게 배치하는 "비전통적" 시각화입니다. 미리 정의된 레이아웃의 한계를 넘어, 드래그로 요소를 놓고 각 요소에 데이터를 연결해 커스텀 대시보드 뷰를 만들 수 있어요.
출처: Canvas
본문
요소(Element) 추가
Canvas 패널은 Add 버튼으로 요소를 추가합니다. 각 요소는 캔버스에서 드래그해 위치와 크기를 조절할 수 있습니다.
지원되는 요소 유형:
- Rectangle – 사각형
- Text – 텍스트
- Icon – 아이콘(선/원/화살표 등)
- Server – 서버 눅형
- Symbol – 데이터에 연결할 수 있는 다각형 기호
- Image – 이미지
- Metric value – 데이터의 메트릭 값을 표시
- Data link – 클릭 시 링크 연결
이미지 요소는 사용자가 업로드한 SVG/PNG를 사용할 수 있습니다.
요소에 데이터 연결
요소는 쿼리 결과의 시리즈에 연결할 수 있습니다.
- Links – 요소를 특정 시리즈나 필드에 바인딩합니다.
- Data links – 요소에 클릭 링크를 부여합니다.
- 요소의 색상·텍스트·값을 데이터에 따라 변경할 수 있습니다(값 매핑, 임계값 활용).
요소 배치
- 요소를 선택하고 드래그해 이동합니다.
- 크기 조절 핸들을 사용해 크기를 바꿉니다.
- 정렬, 배치(앞/뒤)를 조절합니다.
- Canvas 패널의 크기를 조정합니다.
커스텀 요소(Enterprise)
Grafana Enterprise에서는 Canvas(자체 커스텀 요소)를 정의해 더 복잡한 시각화를 만들 수 있습니다.
기타
- 다중 요소를 그룹화할 수 있습니다.
- 요소마다 변환(transformations)을 적용할 수 있습니다.
- 데이터 소스 쿼리 결과가 없어도 정적 요소를 배치할 수 있습니다.