이미지 위젯
이미지 위젯 (Image Widget)
이미지 위젯은 대시보드에 이미지를 임베드할 수 있게 해 주는 위젯이에요. 이미지는 Datadog에 업로드하거나 URL로 접근할 수 있는 곳에 호스팅할 수 있어요. PNG, JPG, GIF 파일 형식이 지원돼요.
출처: 문서
본문
개요
이미지 위젯은 대시보드에 이미지를 임베드할 수 있게 해 줍니다. 이미지는 Datadog에 업로드하거나 URL로 접근 가능한 곳에 호스팅할 수 있어요. PNG, JPG, GIF 파일 형식이 지원돼요.
설정
- 이미지를 업로드하거나 이미지 URL을 입력해요.
- 사전 설정 템플릿을 선택하거나 표시 옵션을 사용자 지정해요.
API
이 위젯은 **Dashboards API**와 함께 사용할 수 있어요. widget JSON 스키마 정의는 다음 표를 참조해요:
| 필드 | 타입 | 설명 |
|---|---|---|
has_background |
boolean | 배경을 표시할지 여부. 기본값: true |
has_border |
boolean | 테두리를 표시할지 여부. 기본값: true |
horizontal_align |
enum | 가로 정렬. 허용되는 enum 값: center,left,right |
margin |
enum | 이미지 주변 여백의 크기. 참고: small과 large 값은 더 이상 사용되지 않음(deprecated). 허용되는 enum 값: sm,md,lg,small,large |
sizing |
enum | 위젯에서 이미지 크기를 조정하는 방법. 값은 이미지 object-fit CSS 속성을 기반으로 해요. 참고: zoom, fit, center 값은 더 이상 사용되지 않음. 허용되는 enum 값: fill,contain,cover,none,scale-down,zoom,fit,center |
type [필수] |
enum | 이미지 위젯의 유형. 허용되는 enum 값: image, 기본값: image |
url [필수] |
string | 이미지의 URL. |
url_dark_theme |
string | 다크 모드에서의 이미지 URL. |
vertical_align |
enum | 세로 정렬. 허용되는 enum 값: center,top,bottom |
JSON 예시:
{
"has_background": true,
"has_border": true,
"horizontal_align": "string",
"margin": "string",
"sizing": "string",
"type": "image",
"url": "https://example.com/image.png",
"url_dark_theme": "https://example.com/image-dark-mode.png",
"vertical_align": "string"
}