이미지 위젯

이미지 위젯을 사용하면 대시보드에 이미지를 내장할 수 있습니다. 이미지는 URL로 액세스할 수 있는 PNG, JPG 또는 애니메이션 GIF일 수 있습니다.

구성

이미지 구성
  1. 이미지 URL을 입력합니다.
  2. 다음에서 모양을 선택합니다.
    • 전체 타이틀을 보여주는 줌 이미지
    • 타일에 맞춘 이미지
    • 타일 중앙의 이미지

API

이 위젯은 Dashboards API와 함께 사용할 수 있습니다. 더 많은 정보를 얻으시려면 Dashboards API documentation을 참조하세요.

이미지 위젯의 전용 위젯 JSON 스키마 정의는 다음과 같습니다.

Expand All

항목

유형

설명

has_background

boolean

Whether to display a background or not.

default: true

has_border

boolean

Whether to display a border or not.

default: true

horizontal_align

enum

Horizontal alignment. Allowed enum values: center,left,right

margin

enum

Size of the margins around the image. Note: small and large values are deprecated. Allowed enum values: sm,md,lg,small,large

sizing

enum

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 [required]

enum

Type of the image widget. Allowed enum values: image

default: image

url [required]

string

URL of the image.

url_dark_theme

string

URL of the image in dark mode.

vertical_align

enum

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"
}

참고 자료

추가 유용한 문서, 링크 및 기사:

JSON을 사용하여 대시보드 구축설명서 more more