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