ClockGaugeOptions extends GaugeOptions

시계 게이지 설정 모델.

Options

active: boolean (opens in a new tab)

시계 동작 여부.

default :true

callout: boolean (opens in a new tab) | DataPointCalloutOptions

default :undefined

centerX: string (opens in a new tab) | number (opens in a new tab)

게이지 중심 수평 위치. 픽셀 단위의 크기나, width, height, size 등으로 지정한 데이터포인터 게이지 영역 전체 너비에 대한 상대적 크기로 지정할 수 있다.

default :'50%'

centerY: string (opens in a new tab) | number (opens in a new tab)

게이지 중심 수직 위치. 픽셀 단위의 크기나, width, height, size 등으로 지정한 데이터포인터 게이지 영역 전체 높이에 대한 상대적 크기로 지정할 수 있다.

default :'50%'

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) | ChartItemOptions

게이지 내부 원 설정 모델.

default :undefined

fields: Array (opens in a new tab)<string (opens in a new tab)>

data가 array로 제공되어 datapoint로 생성될 때, array의 각 항목에 해당하는 이름으로 datapoint source의 값을 사용한다.

default :undefined

gaugeLabel: boolean (opens in a new tab) | ClockGaugeLabelOptions

label

default :undefined

height: number (opens in a new tab)

데이터포인트 차트 높이를 픽셀 단위로 지정한다.

default :undefined

hourHand: boolean (opens in a new tab) | ClockGaugeHandOptions

시침 설정 모델.

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'

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

minuteHand: boolean (opens in a new tab) | ClockGaugeHandOptions

분침 설정 모델.

default :undefined

name: string (opens in a new tab)

시리즈 이름.
시리즈를 구분하기 위한 이름으로 사용된다.

default :undefined

nameField: string (opens in a new tab)

data point의 값이 객체일 때 name 필드 명.

default :'name'

nightHours: \[ | number (opens in a new tab) | number (opens in a new tab) | ]

밤 시간대 시작과 끝을 분단위로 지정한다.
끝 시각은 포함되지 않는다. 게이지 구성 요소들에 대해 밤시간대 스타일을 별도로 지정할 수 있다.

default :undefined

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: boolean (opens in a new tab) | ClockGaugePinOptions

pin

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: boolean (opens in a new tab) | ClockGaugeRimOptions

rim 설정 모델.

default :undefined

secondHand: boolean (opens in a new tab) | ClockGaugeSecondHandOptions

초침 설정 모델.

default :undefined

size: number (opens in a new tab)

default :90

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

tick: boolean (opens in a new tab) | ClockGaugeTickOptions

main tick.

default :undefined

tickLabel: boolean (opens in a new tab) | ClockGaugeTickLabelOptions

tick label

default :undefined

timezoneCallback: (lon: number (opens in a new tab), lat: number (opens in a new tab)) => number (opens in a new tab)

default :undefined

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: 'clock'

default :undefined

valueField: string (opens in a new tab)

undefined이면, data point의 값이 객체일 때 'value'.

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