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

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

· 17년 전 · 5831 · 8

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;)

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

감사합니다.
13년 전
잘 봤습니다.

게시글 목록

번호 제목
12452
40
25015
12447
12446
12445
JavaScript PLSQL이란
29296
12440
기타 메뉴 4
12438
12437
29294
35
32
12434
12433
12432
29293
29
12431
12428
12421
29292
12411
12402
27
29290
12400
24
12397
12396
21
12391
12390
18
16
12377
12373
13
9
12372
12371
12363
1
13432
12362
12360
12355
25014
29287
12352
12349
29279
12344
12340
12335
12333
12331
29273
12330
12329
12328
12324
12323
12318
12316
12313
12310
12309
12307
12303
12296
12291
12280
12277
12275
29272
12274
12260
12252
12250
12248
29267
12245
29266
29261
12239
12238
29251
12236
12231
12228
12214
12211
12210
29248
29247
25010
12208
12207
12202