본문 바로가기

jquery

[JQUERY]JQPLOT 차트 이미지로 저장 처리 JQPLOT 차트 이미지로 저장 처리 * 목적JQPLOT 차트를 이미지로 저장 메일링에 차트를 넣어달라는 요청이 있었다.아무리 생각해도 방법이 없어서 차트를 이미지로 만든 후 이를 메일링 하기로 하였다. JQPLOT 차트의 경우 이미지 저장에 대한 확장모듈이 존재하여 해당 모듈을 사용하였다.(HTML5 의 CANVAS 를 활용한다.) LIB URL https://github.com/lsiden/export-jqplot-to-png 서비스 흐름1. JQPLOT 으로 차트 생성2. SETTIMEOUT을 통해 자동으로 차트 생성 펑션 호출3. 윈도우 스케쥴러에 추가하여 매일 같은 시간에 작동 로직 흐름1. jqplot 차트를 브라우져 화면에 생성2. 버튼 클릭 시 canvas 를 이용하여 jqplot 차트를 .. 더보기
[JQUERY]JQPLOT 의 LINE 차트 생성 샘플 JQPLOT 의 LINE 차트 생성 샘플 * 목적jqplot 을 이용하여 line 차트 생성 조건- 왼쪽은 건수- 하단은 연간 표시- line 로 표시 사용 lib- jquery 1.8- jquery ui 1.9- jqplot 1.08 jqplot 사용 플러그인- jqplot.barRenderer.min.js- jqplot.categoryAxisRenderer.min.js- jqplot.pointLabels.js 샘플구현화면 샘플소스 더보기
[JQUERY]JQPLOT 의 STACK 차트 생성 샘플 JQPLOT 의 STACK 차트 생성 샘플 * 목적jqplot 을 이용하여 stack 차트 생성 JQPLOT : http://www.jqplot.com/ 조건- 왼쪽은 건수- 오른쪽은 비율- 하단은 연간 표시- stack 로 표시 사용 lib- jquery 1.8- jquery ui 1.9- jqplot 1.08 jqplot 사용 플러그인- jqplot.barRenderer.min.js- jqplot.categoryAxisRenderer.min.js- jqplot.pointLabels.js 샘플구현화면 샘플소스 더보기