이미지 위젯을 사용하면 대시보드에 이미지를 내장할 수 있습니다. 이미지는 URL로 액세스할 수 있는 PNG, JPG 또는 애니메이션 GIF일 수 있습니다.
구성
- 이미지 URL을 입력합니다.
- 다음에서 모양을 선택합니다.
- 전체 타이틀을 보여주는 줌 이미지
- 타일에 맞춘 이미지
- 타일 중앙의 이미지
API
이 위젯은 Dashboards API와 함께 사용할 수 있습니다. 더 많은 정보를 얻으시려면 Dashboards API documentation을 참조하세요.
이미지 위젯의 전용 위젯 JSON 스키마 정의는 다음과 같습니다.
Expand All
Whether to display a background or not.
default: true
Whether to display a border or not.
default: true
Horizontal alignment.
Allowed enum values: center,left,right
Size of the margins around the image.
Note: small
and large
values are deprecated.
Allowed enum values: sm,md,lg,small,large
How to size the image on the widget. The values are based on the image object-fit
CSS properties.
Note: zoom
, fit
and center
values are deprecated.
Allowed enum values: fill,contain,cover,none,scale-down,zoom,fit,center
Type of the image widget.
Allowed enum values: image
default: image
URL of the image in dark mode.
Vertical alignment.
Allowed enum values: center,top,bottom
{
"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"
}
참고 자료
Additional helpful documentation, links, and articles: