====== 그리드 차트 기본 가이드 ====== 그리드 데이터부 input_type이 8:chart 속성값에 대한 예시 화면이다. chart_type 속성을 통해서 차트 유형(0:sparkline, 1:win-lose, 2:bar)을 지정한다. chart_margin 속성을 이용하여 여백을 지정한다. 차트는 jquery.sparkline.min.js 외부 라이브러리를 사용하여 구현되어 있다. ===== 예시 ===== 컬럼 데이터는 콤바로 공백없이 지정해야 한다. 템플릿 위치: /HTML5/COMPONENT/GRID/grid_chart_basic 템플릿 파일 * [[xf5projecthome>template/screen/HTML5/COMPONENT/GRID/grid_chart_basic.xml|grid_chart_basic.xml]] * [[xf5projecthome>template/screen/HTML5/COMPONENT/GRID/grid_chart_basic.js|grid_chart_basic.js]] * [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/GRID/grid_chart_basic|새창으로 실행]] echo ''; echo ''; echo ''; ==== 화면 스크립트 ==== // "setitemtext" 버튼 이벤트 function btn_setitemtext_on_click(objInst) { // 승패 차트 데이터 설정 this.grd.setitemtext(0, 1, "1,0,-1"); }