8. Cylinder

Ready

Cylinder는 기본적으로 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, 툴팁, 최대값, 최소값 등 Cylinder에 전반적인 영향을 주는 항목들을 적는다. (자세히보기)

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

STYLES Setting

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

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

TYPE Setting

Cylinder의 타입을 설정한다.

var type = 'cylinder';