3. Horizon Chart

Ready

Horizon Chart 는 기본적으로 jQuery selector, styles, options 로 이루어집니다.

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

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

OPTIONS Setting

data, Y축, X축, 툴팁, 시계열(TimeSlice), resize 등  Horizon Chart 에 전반적인 영향을 주는 항목들을 적는다. (자세히보기)

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

STYLES Setting

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

ReadyMidnighttruejs
var styles = {
	layout: {...},
	graph: {...},
	yAxis: {...},
	xAxis: {...},
	series: {...},
	verticalLine: {...},
	horizonLine: {...}
};