JAVASCRIPT 차트, 그래프 모음 (php chart, graph )

by 조쉬 posted Mar 26, 2021
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
필자가 최근 php에서 좀 깔끔한 그래프를 만들고 싶어서 이곳저곳을 돌아다녀보고 이 포스팅을 남긴다.
 
1. FusionCharts
링크 : http://www.fusioncharts.com/
설명 : 일단 이 차트들은 플래시로 되어 있다. 그래서 그래프를 손보고 싶어도 그러기가 쉽지 않다.(swf 파일을 개조시켜야하니..) 하지만 기능은 엄청 막강하다. 거이 모든 종류의 차트와 그래프를 지원하며, 2D,3D 전부 가능하고 계기판 같은것들도 지원해 준다. 그래서 풀패키지로 다운 받으면 거이 100Mb에 가까운 파일이 있다. 게다가 examples에 사용방법도 모두 나와 있어서, 정말 사용하기 쉽다.
 
2. Jpgraph
링크 : http://jpgraph.net/
설명 : 이것 역시 기능은 막강하다. 게다가 그려진 그래프 자체가 하나의 파일로 취급 될 수 있어서, 만들어진 그래프를 이미지 파일로 저장도 가능하다. 하지만, 만들어진 그래프가 단색적인 이미지들이라서 조금 구식 느낌이 난다. 그래프에 들어가는 색감을 디자이너 분들이 재조정 해주기만 하면 참 이쁜 그래프가 될 수 있을텐데 그부분이 조금 아쉽다. 지원되는 기능중엔 보안용 이미지글자도 있어서 그런 기능이 필요할때도 요긴하다. 참고로 무료버전 이외에 프로버전이 따로 있는데, 프로버전에는 무료버전 + 계기판,라벨,바코드등등.. 이 들어간 버전이다.
 
3. Phpchart
링크 : http://phpchart.net/
설명 : 플래시가 아니지만 참 깔끔하게 만들어진 그래프 결과를 얻을 수 있다. 하지만, 그래프 자체를 이미지로 얻을 수는 없고 기본 막대 그래프를 제외하곤 전부 유료이다. 
 
4. 구글 차트
링크 : https://google-developers.appspot.com/chart/
설명 : 일단 모든 기능이 무료인데다가, 그래프도 깔끔하고, 사용방법도 너무 쉽다. 게다가 순수 자바스크립트로 만들어졌기 때문에 PHP관련 구문이 없어도 된다. 하지만, 해당 차트를 그려주는 js파일을 자신의 서버에 직접 삽입할수 없는 https://www.google.com/jsapi 이런 형태이기 때문에 아마.. 차트의 내용이 구글로 들어가서 차곡차곡 쌓일꺼라는 점을 제외하곤 참 쓸만하다고 본다.
 
 
요약 하자면, 깔끔한 그래프에 자신의 서버에서만 전부 돌아가는 차트가 필요하다면 FusionCharts를 쓰고 간단히 jpg 파일로 만들수 있는 가벼운 그래프를 쓰고 싶다면 Jpgraph를, 깔끔하고 간편하지만 자신의 서버에 굳이 돌아가지 않는 차트가 필요하다면 구글 차트를 쓰면 되겠다.
 
 
//--------------추가사항 2014.06.30 
5. Telerik Kendo UI
링크(메뉴얼) : http://docs.telerik.com/kendo-ui/getting-started/introduction
링크(예제모음) : http://demos.telerik.com/kendo-ui/
링크(차트1) : http://demos.telerik.com/kendo-ui/bar-charts/index
차트 뿐만 아니라 각종 UI 들을 퀄리티 좋게 얻어낼 수 있어서 강추이다.
상단에 kendo.all.min.js 파일과 jquery 파일만 있다면 css 파일 없이도 거이 모든 기능들이 구현된다.
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.1.528/js/kendo.all.min.js"></script>
<link href="http://cdn.kendostatic.com/2014.1.528/styles/kendo.dataviz.min.css" rel="stylesheet" />

위 3가지 파일만 있으면 보통 모든차트 들이 구현 된다. 다만 jquery 1.8.1버전부터 제대로 작동하니 그리 알아 두길 바란다.