6. Angular gauge

Ready

Angular gauge는 기본적으로 jQuery selector, styles, options, type 로 이루어집니다.

변수명은 임의로 지정하여 사용하여도 무방하나 init 할때 들어가는 변수의 속성들의 순서는 같아야 합니다.

var options = {};
var styles = {};
var type = '';
var chart = webponent.visual.gauge.init($('jQuery Selector'), styles, options, type);

OPTIONS Setting

data, 툴팁, 최대값, 최소값 등 Angular 에 전반적인 영향을 주는 항목들을 적는다. (자세히보기)

var options = {
	data: {...},
	use: {...},
	toolTip: {...},
	pointer: {...},
	marker: {...}
};

STYLES Setting

Angular gauge 및 사용하는 옵션의 색상, 형태, 글꼴 등 디자인적인 요소들을 설정한다. (자세히보기)

var styles = {
	layout: {...},
	object: {...},
	counter: {...},
	axis: {...},
	angular: {...},
	pointer: {...}
};

TYPE Setting

Angular gauge의 타입을 설정한다. 타입은 angular_org(기본형) , angular_multi(듀얼형) , angular_dual(멀티형) 로 구분됩니다.

var type = 'angular_org' || 'angular_multi' || 'angular_dual';