테스트 사이트 - 개발 중인 베타 버전입니다

JQuery + JQchart + Canvas 로 라인 그래프 그리기

JQuery + JQchart + Canvas 로 라인 그래프 그리기
[전체 예제] http://chancein.com/Demo/Jquery/JQchart/

php와 GD로 그래프를 만드는 것보다 여러가지 장점이 있습니다.

GD패치를 하지 않고 php로 그래프를 그릴 경우 삐뚤삐뚤하지만 이건 그렇지 않습니다.

자바스크립트이므로 서버에 전혀 부담을 주지 않습니다.

[샘플 코드]
<canvas id="canvasMyID" height="200"></canvas>

<script type="text/javascript">

$(function(){
$('#canvasMyID').jQchart('./data0.txt')
});

</script>


[결과화면]




[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 8개

재미있는 녀석을 소개해 주시는군요.
(할 것은 겁나게 많은디 농땡이만... ㅜ.x;)

적용예제를 보고 금방 떠오르는 것이,
일주일간 방문자 추이, 기온(기상) 변화, 물품 판매량 등에
적절히 응용한다면 좋을 것 같다는 생각이 듭니다.
실시간 환율 변동 등에는 부적합 하려나...
아주 좋은 정보네요.
가볍게 응용할 때 많을 것 같고요.
이 뿐만 아니라 유창화님 블러그에 가보니 탭관련 부분도 있네요.
이것 또한 매우 유익한 자료인것 같습니다.
좋은 정보 소개하여 주셔서 진심으로 감사드립니다. ^^
두분 코멘트 감사합니다.
좋은 정보 감사합니다...^^
유창화님의 팁/소스는 언제나 설렙니다. 두근두근
JQuery 조금씩 공부중인데 ㅎㅎ
관리자 페이지에 적용해 봐야겠습니다

감사합니다.

게시글 목록

번호 제목
12007
12006
12005
12000
11994
11993
11992
11991
11990
11989
29203
11988
11986
11985
11984
11983
11982
29202
29201
24968
11981
29200
29198
11979
11978
11975
11973
11972
11971
11970
11966
11962
29197
29196
11961
11960
11959
JavaScript 간단PHP(1)
11958
11956
11952
11948
11944
11936
11935
29195
11934
29191
11933
29186
11932
11931
11926
11922
29183
11920
11916
11915
11913
11910
29182
11904
11901
11900
29181
11898
29179
11894
11892
11890
11889
11888
11886
11883
11879
11875
29178
29167
11874
29166
11872
11870
11867
11866
11865
29165
29162
11861
11851
11850
11847
11846
11845
11840
11826
11825
11823
11816
11808
11805
11804
JavaScript <script>