4. Tree Map

Ready

Tree Map 은 기본적으로 jQuery selector, styles, options 로 이루어집니다.

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

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

OPTIONS Setting

data, mousemove, 로딩바, resize 등  Tree Map 에 전반적인 영향을 주는 항목들을 적는다. (자세히보기)

ReadyMidnighttruejs
var options = {
	data: {...},
	yAxis: {...},
	xAxis: {...},
	toolTip: {...},
	timeSlice: {...},
	reszie: {...}
};

STYLES Setting

Tree Map 의 색상, 형태, 글꼴 등 디자인적인 요소들을 설정한다. (자세히보기)

ReadyMidnighttruejs
var styles = {
	layout: {...},
	animate: {...},
	label: {...},
	group: {...},
	item: {...},
	enterGroup: {...}
};