// Create
var options = {...};
var styles = {...};
var series = {...};
var chart = webponent.chart.init($('jQuery Selector'), options, styles, series);
 
// Create 이후 Search
var 변경된 options = { ... };
var 변경된 styles = { ... };
var 변경된 series= { ... };
chart.inquery( 변경된 options, 변경된 styles, 변경된 series);
 
// 혹은
chart.init($('jQuery Selector'), 변경된 options, 변경된 styles, 변경된 series);

Use

Chart는 처음에 그려질때 webponent.chart.init( ... );

함수로 실행하는데

그 이후 데이터 변경 혹은 시리즈 변경, 스타일 변경이 행해져야 한다면

var chart = webponent.chart.init( ... ); 에서 chart object를 반환받고

chart.init( ... ); 이나

chart.inquery( ... ); 를 실행한다.

chart.init( $(jquery Selector), options, styles, series );

create 이후 재조회가 일어날때 init 함수를 사용한다면 $(jquery selector) parameter는 undefined로 대체 가능하다.

options, styles, series 중 한가지 혹은 두가지의 변수만 변경된다면

변경되지 않은 parameter는 {}로 대체 가능하다.

• chart.init( undefined, options, {}, {});

chart.inquery( options, styles, series );

chart.init();와 거의 흡사하지만 $(jQuery Selector)를 parameter로 보내지 않는다.

• chart.inquery( options, {}, {} );

Demo

Styles 중 tick 변경 샘플

데이터 로드 실패 혹은 Create 시에 데이터 로드를 하지 않을 경우

차트 화면 중앙에 '데이터가 로드되지 않았습니다' 라는 문구 출력

styles.main.xAxis.text의 스타일로 적용됨. ( 자세히보기 )