CircleGaugeOptions extends ValueGaugeOptions
원행 게이지 설정 모델.
Options
callout: boolean (opens in a new tab) | DataPointCalloutOptions
default :undefined
centerX: string (opens in a new tab) | number (opens in a new tab)
게이지 중심 수평 위치. 픽셀 단위의 크기나, 데이터포인터 게이지 영역 전체 너비에 대한 상대적 크기로 지정할 수 있다.
default :'50%'
centerY: string (opens in a new tab) | number (opens in a new tab)
게이지 중심 수직 위치.
픽셀 단위의 크기나,
width, height, size 등으로 지정한
데이터포인터 게이지 영역 전체 높이에 대한 상대적 크기로 지정할 수 있다.
default :'50%'
clockwise: boolean (opens in a new tab)
true면 시계 방향으로 회전한다.
default :true
color: string (opens in a new tab) | number (opens in a new tab)
데이터 포인트 기본 색.
숫자로 지정하면 정수로 변환된 값에 해당하는 팔레트 색상으로 설정된다.
'var(--color-n)'으로 지정한 것과 동일하며, 1 ~ 12 사이의 값으로 지정한다.
style로 지정된 색상보다는 우선하지만,
pointColors나 styleCallback으로 설정된 색상이 이 속성으로 설정한 색상보다 우선한다.
default :undefined
colorField: string (opens in a new tab)
data point의 값이 객체일 때 색상 필드 명.
undefined이면, data point의 값이 객체일 때 'color'.
default :undefined
data: any (opens in a new tab)
default :undefined
dataUrl: string (opens in a new tab)
시리즈 데이터의 URL.
createChartAsync 호출 시, 해당 url로 GET 요청을 전송하여 데이터를 다운받고,
해당 시리즈의 data 속성에 저장한다.
default :undefined
face: boolean (opens in a new tab) | CircleGaugeFaceOptions
게이지 내부 원 설정 모델.
default :undefined
fields: Array (opens in a new tab)<string (opens in a new tab)>
data가 array로 제공되어 datapoint로 생성될 때,
array의 각 항목에 해당하는 이름으로 datapoint source의 값을 사용한다.
default :undefined
gaugeLabel: CircleGaugeLabelOptions
게이지 중앙에 표시되는 텍스트 설정 모델
default :undefined
hand: CircleGaugeHandOptions
게이지 바늘 설정 모델.
default :undefined
height: number (opens in a new tab)
데이터포인트 차트 높이를 픽셀 단위로 지정한다.
default :undefined
hoverStyle: SVGStyles | string (opens in a new tab)
데이터포인트 위에 마우스가 있을 때 적용되는 스타일셋 혹은 class selector.
default :undefined
idField: string (opens in a new tab)
data point의 값이 객체일 때 id 필드 명.
default :'id'
innerRadius: string (opens in a new tab) | number (opens in a new tab)
내부 원호의 반지름.
픽셀 단위의 크기나,
width, height, size 등으로 지정한
radius에 대한 상대적 크기로 지정할 수 있다.
'100%'이면 게이지 원호의 반지름과 동일하다.
default :undefined
label: string (opens in a new tab)
이 시리즈를 나타내는 텍스트.
레전드나 툴팁에서 시리즈를 대표한다.
이 속성이 지정되지 않으면 name이 사용된다.
default :undefined
latField: string (opens in a new tab)
data point의 값이 객체일 때 위도 필드 명.
default :'lat'
loadAnimation: 'default' | 'reveal' | 'grow' | 'spread' | 'fadein'
차트 설정 로드 시 실행되는 animation 종류.
default :undefined
lonField: string (opens in a new tab)
data point의 값이 객체일 때 경도 필드 명.
default :'lon'
map: string (opens in a new tab) | number (opens in a new tab)
명시적으로 이 속성을 지정하면, 관련된 맵이 차트에 활성됐을 때만 시리즈가 표시된다.
default :undefined
maxValue: number (opens in a new tab)
valueDomain 설정에 따라
시리즈의 전체 데이터포인트 값들로 부터 계산된 최대값 보다
이 속성에 지정한 값이 크면 그 값을 기준 최대값으로 한다.
default :undefined
minValue: number (opens in a new tab)
valueDomain 설정에 따라
시리즈의 전체 데이터포인트 값들로 부터 계산된 최소값 보다
이 속성에 지정한 값이 작으면 그 값을 기준 최소값으로 한다.
default :0
name: string (opens in a new tab)
시리즈 이름.
시리즈를 구분하기 위한 이름으로 사용된다.
default :undefined
nameField: string (opens in a new tab)
data point의 값이 객체일 때 name 필드 명.
default :'name'
onPointAdded: (p: DataPointCallbackArgs) => void (opens in a new tab)
default :undefined
onPointClick: (args: DataPointCallbackArgs) => boolean (opens in a new tab)
데이터 point가 클릭될 때 호출되는 이벤트 콜백.
명시적 true를 리턴하면 기본 동작이 진행되지 않는다.
default :undefined
onPointHover: (args: DataPointCallbackArgs) => void (opens in a new tab)
마우스가 데이터 point 위에 올라가거나 빠져나갈 때 호출되는 이벤트 콜백.
빠져나가는 경우 args 매개변수는 null이다.
default :undefined
onPointRemoved: (p: DataPointCallbackArgs) => void (opens in a new tab)
default :undefined
onPointsLoaded: (series: object (opens in a new tab), firstTime: boolean (opens in a new tab)) => void (opens in a new tab)
default :undefined
pin: CircleGaugePinOptions
게이지 중앙에 표시되는 핀 설정 모델.
default :undefined
pointColors: string (opens in a new tab) | Array (opens in a new tab)<string (opens in a new tab) | >>
color 속성이 명시적으로 지정되지 않은 데이터포인터의 color 속성을 지정한다.
색 배열로 지정하거나, 'colors' asset으로 등록된 이름을 지정할 수 있다.
시리즈 style이나 color로 지정된 색 보다는 우선하지만,
styleCallback에서 설정된 색상이나 데이터포인트별로 지정한 색상이 이 속성으로 설정된 색상보다 우선한다.
default :undefined
pointLabel: boolean (opens in a new tab) | DataPointLabelOptions
데이터포인트 label 설정 옵션.
default :undefined
radius: string (opens in a new tab) | number (opens in a new tab)
게이지 원호의 반지름.
픽셀 단위의 크기나,
width, height, size 등으로 지정한
데이터포인터 게이지 영역 전체 크기(너비와 높이 중 작은 값)에 대한 상대적 크기로 지정할 수 있다.
'50%'로 지정하면 데이터포인터 게이지 영역의 width나 height중 작은 크기와 동일한 반지름으로 표시된다.
default :'50%'
rim: CircleGaugeRimOptions
게이지 배경 원호 테두리 설정 모델.
default :undefined
size: number (opens in a new tab)
width, height를 동시에 지정한다.
이 속성보다 width, height가 우선한다.
default :undefined
startAngle: number (opens in a new tab)
게이지 원호 시작 각도. 지정하지 않거나 잘못된 값이면 0으로 계산된다. 0은 시계의 12시 위치다.
default :0
style: SVGStyles | string (opens in a new tab)
스타일셋 혹은 class selector.
default :undefined
styleCallback: (args: DataPointCallbackArgs) => SVGStyles|string (opens in a new tab)
데이터 point의 동적 스타일 콜백.
style, pointColors 등 다른 스타일 지정들 보다 우선한다.
default :undefined
sweepAngle: number (opens in a new tab)
게이지 원호 전체 각도. 0 ~ 360 사이의 값으로 지정해야 한다. 범위를 벗어난 값은 범위 안으로 조정된다. 지정하지 않거나 잘못된 값이면 360으로 계산된다. 예) 180 이면 반 원호가 된다.
default :360
tooltipCallback: (args: any (opens in a new tab)) => string (opens in a new tab)
default :undefined
tooltipText: string (opens in a new tab)
데이터포인트 툴팁 텍스트.
default :undefined
type: 'gauge'
default :undefined
valueField: string (opens in a new tab)
undefined이면, data point의 값이 객체일 때 'value'.
default :undefined
valueRadius: string (opens in a new tab) | number (opens in a new tab)
값을 나타내는 원호의 반지름.
픽셀 단위의 크기나,
radius와 innerRadius로 결정된 기본 rim의 중점에 대한 상대적 크기로 지정할 수 있다.
지정하지 않거나 '100%'이고 valueRim의 두께가
기본 rim의 두께와 동일하면 게이지 원호의 반지름과 동일하게 표시된다.
default :undefined
valueRim: boolean (opens in a new tab) | CircleGaugeValueRimOptions
게이지의 값 원호 테두리 설정 모델.
default :undefined
visible: boolean (opens in a new tab)
표시 여부.
default :true
visibleInLegend: boolean (opens in a new tab)
명시적 false로 지정하면 legend에 표시하지 않는다.
default :true
width: number (opens in a new tab)
데이터포인트 차트 너비를 픽셀 단위로 지정한다.
default :undefined