문서
리포트 아이템
Image

Image

이미지를 표시할 때 사용하는 아이템입니다.

image-item-sample

Basic

이름타입설명필수여부
Namestring아이템에 고유한 이름을 설정합니다.no
Tagstring아이템에 태그값을 설정합니다.no
Visibleboolean아이템의 표시 여부를 설정합니다.yes
Page BreakPageBreakMode아이템을 출력하기 전에 페이지를 어떻게 나눌 것인지 대해 설정합니다.no

Design

이름타입설명필수여부
Design Borderboolean아이템의 디자인 가능한 경계 영역의 표시를 설정합니다.yes

Event

이름타입설명필수여부
OnGetValueReportItemValueCallback아이템에 표시되는 값을 변경할 수 있는 이벤트 함수 관련 로직을 설정합니다.no
OnGetStylesReportItemStyleCallback아이템에 적용되는 스타일을 변경할 수 있는 이벤트 함수 관련 로직을 설정합니다.no
OnGetVisibleReportItemVisibleCallback아이템의 표시 여부를 변경할 수 있는 이벤트 함수 관련 로직을 설정합니다.no

Bound

이름타입설명필수여부
Widthnumber아이템의 넓이를 설정합니다.no
Heightnumber아이템의 높이를 설정합니다.no
Rotationnumber아이템의 회전 각도를 설정합니다.no
Leftnumber아이템의 위치를 부모 요소 기준으로 "왼쪽"에서 설정합니다.no
Rightnumber아이템의 위치를 부모 요소 기준으로 "오른쪽"에서 설정합니다.no

Data

이름타입설명필수여부
Datastring아이템에 리포트에 존재하는 데이터를 연결합니다.no
Valuestring아이템에 연결된 데이터에서 표시할 필드를 설정합니다.no
LinkFieldstring링크기능 사용시 linkUrl 값을 연결할 필드를 선택합니다.no
ℹ️

이미지 경로 적용 데이터를 연결할경우 Url 대신 출력할 이미지의 경로가 Value로 설정됩니다.

Link

이름타입설명필수여부
LinkUrlstring이 속성에 url 입력하면 미리보기 상태에서 클릭시 웹 브라우저에서 해당 url로 이동합니다.no
LinkTargetstring링크기능 사용시 브라우저의 실행 타겟 (opens in a new tab)을 지정합니다.no

Image

이름타입설명필수여부
Urlstring출력할 이미지의 경로를 지정한다.no
ImagestringAsset에 등록된 이미지의 이름을 지정한다.no

Url

출력할 이미지의 경로를 지정한다.

  • 타입: string
  • 기본값: undefined

Image

Asset에 등록된 이미지의 이름을 지정한다.

  • 타입: string
  • 기본값: undefined

이미지 에셋 사용하기 가이드

ℹ️

Assets 이미지 적용

  • Assets에 등록되어있는 이미지를 이미지 아이템 영역에 드래그 하여 적용합니다.
  • Assets에 등록되어있는 이미지 이름을 입력하여 적용합니다.
🔥

이미지의 경로를 상대경로로 사용할 경우 미리보기 (opens in a new tab)가 실행되는 소스코드의 위치를 기준으로 상대경로를 설정해야합니다.

Styles

이름타입설명필수여부
Opacitynumber투명도를 지정한다.no

Opacity

이미지의 투명도를 지정한다.

  • 타입: number
  • 기본값: undefined