Summary

요약정보를 표시할 때 사용하는 아이템 입니다.

summary-item-sample

Basic

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

Design

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

Event

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

Bound

이름	타입	설명	필수여부
Width	number	아이템의 넓이를 설정합니다.	no
Height	number	아이템의 높이를 설정합니다.	no
Rotation	number	아이템의 회전 각도를 설정합니다.	no
Left	number	아이템의 위치를 부모 요소 기준으로 "왼쪽"에서 설정합니다.	no
Right	number	아이템의 위치를 부모 요소 기준으로 "오른쪽"에서 설정합니다.	no

Data

이름	타입	설명	필수여부
Data	string	아이템에 리포트에 존재하는 데이터를 연결합니다.	no
Value	string	아이템에 연결된 데이터에서 표시할 필드를 설정합니다.	no
Expression	string	아이템에 연결된 데이터를 어떤 방법으로 표현할 지 표현식을 설정합니다.	no

Expression

요약 아이템에 표시되는 모양을 지정한다.

타입: string
기본값: undefined

설명

요약 아이템에 Band Data가 연결되어 있을 경우 특정 필드의 여러 개의 값을 합계 | 합산 | 최소 | 최대 | 평균 값으로 요약하여 표시한다.

ℹ️

사용법 예시

order

// 요약 아이템의 Data 속성에 `order` 데이터로 Value 속성에 `money` 필드로 설정
[
    { "orderId" : 1, "money": 10000 },
    { "orderId" : 2, "money": 20000 },
    { "orderId" : 3, "money": 30000 },
]

Expression 설정

합계: Sum(money) = 60000 으로 표시
합산: Count(money) = 3 으로 표시
최소: Min(money) = 10000 으로 표시
최대: Max(money) = 30000 으로 표시
평균: Avg(money) = 20000 으로 표시

Text

이름	타입	설명	필수여부
Wrap	boolean	표시되는 데이터가 요약 아이템의 넓이를 넘어설 경우에 줄바꿈 여부를 설정합니다.	yes
Boolean Format	string	요약 아이템에 연결된 데이터 타입이 `boolean`일 경우에 표현 방식을 설정합니다.	no
Number Format	string	요약 아이템에 연결된 데이터 타입이 `number`일 경우에 표현 방식을 설정합니다.	no
Date Format	string	요약 아이템에 연결된 데이터 타입이 `date`일 경우에 표현 방식을 설정합니다.	no
Text Format	string	요약 아이템에 연결된 데이터 타입이 `text`일 경우에 표현식을 설정합니다.	no
Prefix	string	요약 아이템에서 표시되는 값에 접두사를 설정합니다.	no
Suffix	string	요약 아이템에서 표시되는 값에 접미사를 설정합니다.	no

Styles

이름	타입	설명	필수여부
Font Family	string	아이템의 글꼴을 설정합니다.	no
Font Size	number	아이템의 텍스트 크기를 설정합니다.	no
Font Style	string	아이템의 글꼴체를 설정합니다.	no
Text Decoration	string	아이템의 텍스트에 선 스타일을 설정합니다.	no
Font Weight	string	아이템의 텍스트 굵기를 설정합니다.	no
Color	string	아이템의 텍스트 색상을 설정합니다.	no
Background Color	string	아이템의 배경 색상을 설정합니다.	no
Text Align	string	아이템의 텍스트 가로 정렬을 설정합니다.	no
Vertical Align	string	아이템의 세로 정렬을 설정합니다.	no
Writing Mode	string	아이템의 텍스트가 배치되는 방향을 설정합니다.	no
Padding Left	string	아이템의 왼쪽 내부 여백을 설정합니다.	no
Padding Top	string	아이템의 위쪽 내부 여백을 설정합니다.	no
Padding Right	string	아이템의 오른쪽 내부 여백을 설정합니다.	no
Padding Bottom	string	아이템의 아래쪽 내부 여백을 설정합니다.	no
Border	string	아이템의 테두리를 설정합니다.	no
Border Left	string	아이템의 왼쪽 테두리를 설정합니다.	no
Border Right	string	아이템의 오른쪽 테두리를 설정합니다.	no
Border Top	string	아이템의 위쪽 테두리를 설정합니다.	no
Border Bottom	string	아이템의 아래쪽 테두리를 설정합니다.	no

Text HTML