🎉 리얼리포트 1.8.8 버전이 출시되었습니다. 자세히 보기 →
문서
리포트 아이템
Highcharts (Lagacy)
series
Pie chart

Pie chart

전체 자료가 여러 개의 카테고리로 분류되는 경우 개개의 카테고리를 전체에 대한 비율에 따라 원 내부의 면적을 분할한 파이(pie) 모양의 차트입니다.

pie-chart-sample

Basic

이름타입설명필수여부
Visibleboolean아이템의 표시 여부를 설정합니다.yes
Namestring아이템에 고유한 이름을 설정합니다.no

Series

이름타입설명필수여부
Idstring시리즈에 고유한 Id를 설정합니다.no
Value Fieldstring시리즈에 연결된 데이터에서 표시할 필드를 설정합니다.no
Valuesstring[]시리즈에 디자인시 임시로 보여질 값들을 설정합니다.no
Colorstring시리즈에 적용할 색상을 설정합니다.no
Colorsstring[]Color By Point 가 true 일 때 전체 색상 대신 적용할 계열별 또는 계열 유형별 색상 세트 입니다.no
Color By Pointboolean차트가 계열당 하나의 색상을 수신해야 하는지 아니면 포인트당 하나의 색상을 수신해야 하는지를 결정합니다.yes
Show in LegendbooleanLegend에 해당 시리즈의 표시 여부를 설정합니다.no
Name Fieldstring아이템에 연결된 데이터에서 Legend, 툴팁, dataLabels 등에 표시될 필드를 설정합니다.no
Namesstring[]Legend, 툴팁, dataLabels 등에 표시될 이름을 설정합니다.no
Sizestring | number파이의 지름을 설정합니다.no
Inner Sizestring | number파이의 내부 지름 크기입니다.no
Start Anglenumber파이의 시작 각도를 설정합니다.no
End Anglenumber파이의 끝 각도를 설정합니다.no
Center Xstring | number플롯 영역을 기준으로 한 원형 차트의 중심의 X값을 설정합니다.no
Center Ystring | number플롯 영역을 기준으로 한 원형 차트의 중심의 Y값을 설정합니다.no

Size

파이의 지름을 설정합니다.

  • 타입: string | number
  • 기본값: undefined

참고

Inner Size

파이의 내부 지름 크기를 설정합니다.

  • 타입: string | number
  • 기본값: undefined

Start Angle

차트의 시작 각도를 설정합니다.

  • 타입: number
  • 기본값: 0
ℹ️

정보 시작 각도는 0이 위쪽이고 90이 오른쪽입니다.

참고

End Angle

차트의 끝 각도를 설정합니다. 0이 위쪽이고 90이 오른쪽인 파이의 끝 각도입니다. 기본값은 startAngle플러스 360입니다.

  • 타입: number
  • 기본값: undefined
ℹ️

정보 끝 각도는 0이 위쪽이고 90이 오른쪽입니다.
기본값은 StartAngle + 360입니다.

참고

Center X

플롯 영역을 기준으로 한 원형 차트의 중심의 X값을 설정합니다.

  • 타입: string | number
  • 기본값: undefined

참고

Center Y

플롯 영역을 기준으로 한 원형 차트의 중심의 Y값을 설정합니다.

  • 타입: string | number
  • 기본값: undefined

참고

Design

이름타입설명필수여부
Design Visibleboolean디자인 시 차트의 표시 여부를 설정합니다.yes

Data

이름타입설명필수여부
Datastring아이템에 리포트에 존재하는 데이터를 연결합니다.no

Data Lables

이름타입설명필수여부
Visibleboolean데이터 라벨의 표시 여부를 설정합니다.yes
Alignstring데이터 라벨의 가로 정렬을 설정합니다.no
Vertical Alignstring데이터 라벨의 세로 정렬을 설정합니다.no
Rotationstring데이터 라벨의 회전을 설정합니다.no
Shapestring데이터 라벨의 모양을 설정합니다.no
Formatstring데이터 라벨의 표현 방식을 설정합니다.no
Background Colorstring데이터 라벨의 배경 색상을 설정합니다.no
Shadowboolean데이터 라벨의 그림자 표시 여부를 설정합니다.yes
Text Outlinestring데이터 라벨의 Outline 스타일을 설정합니다.no
Border Colorstring데이터 라벨의 배경 색상을 설정합니다.no
Border Radiusnumber데이터 라벨의 테두리 반경을 설정합니다.no
Border Widthnumber데이터 라벨의 테두리의 굵기를 설정합니다.no
Paddingnumber데이터 라벨의 내부 여백 값을 설정합니다.no
Xnumber데이터 라벨의 픽셀 단위의 점을 기준으로 한 라벨의 x 위치 오프셋을 설정합니다.no
Ynumber데이터 라벨의 픽셀 단위의 점을 기준으로 한 라벨의 y 위치 오프셋을 설정합니다.no
Znumber데이터 라벨의 Z 인덱스를 설정합니다.no
Insideboolean데이터 라벨을 상자 내부에 정렬할지 아니면 실제 값 포인트에 정렬할지 여부를 설정합니다.yes
Align Tostring데이터 라벨의 정렬 방법을 설정합니다.no
Distancenumber파이의 가장자리에서 데이터 라벨의 거리를 설정합니다.no
Connector Colorstring커넥터의 색상을 설정합니다.no
Connector Paddingnumber데이터 라벨과 커넥터 사이의 간격을 설정합니다.no
Connector Shapestring커넥터의 모양을 설정합니다.no
Connector Widthnumber커넥터의 굵기를 설정합니다.no
Crook Distancestring커넥터가 굴절될 위치를 설정합니다.no

Align To

데이터 라벨의 정렬 방법입니다.

ℹ️

toPlotEdges: 각 라벨은 플롯 영역의 가장 가까운 수직 가장자리에 닿습니다.
connectors: 커넥터는 동일한 x 위치를 가지며 각 절반(왼쪽 및 오른쪽)의 가장 넓은 라벨이 플롯 영역의 가장 가까운 수직 가장자리에 닿습니다.

  • 타입: string
  • 기본값: undefined

참고

Distance

파이의 가장자리에서 데이터 라벨의 거리를 설정합니다.

  • 타입: number
  • 기본값: 30

참고

Connector Color

커넥터의 색상을 설정합니다.

  • 타입: string
  • 기본값: undefined

참고

Connector Padding

데이터 라벨과 커넥터 사이의 간격을 설정합니다.

  • 타입: number
  • 기본값: undefined

참고

Connector Shape

커넥터 경로를 생성하는 데 사용되는 모양을 지정합니다.

  • 타입: string
  • 기본값: undefined

참고

Connector Width

데이터 라벨의 테두리 너비를 설정합니다.

  • 타입: number
  • 기본값: 0

참고

Crook Distance

커넥터가 굴절될 위치를 설정합니다.

  • 타입: string
  • 기본값: undefined

참고

Styles

이름타입설명필수여부
Colorstring데이터 라벨의 텍스트 색상을 설정합니다.no
Font Sizenumber데이터 라벨의 텍스트 크기를 설정합니다.no
Font Weightstring데이터 라벨의 텍스트 굵기를 설정합니다.no

Marker

이름타입설명필수여부
VisiblebooleanMarker의 표시 여부를 설정합니다.yes
SymbolstringMarker의 모양을 설정합니다.no
Fill ColorstringMarker의 채우기 색상을 설정합니다.no
RadiusstringMarker의 반경을 설정합니다.no
Line chartScatter chart