JQuery + JQchart + Canvas 로 라인 그래프 그리기 > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

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

jQuery 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에서 이동 됨]
추천
2

댓글 9개

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

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

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT