총 게시물 62건, 최근 0 건 안내 RSS 글쓰기
이전글  다음글  목록 글쓰기
[TIP&TECH]

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

글쓴이 : 카이로 날짜 : 2015-03-05 (목) 10:15 조회 : 19210
글주소 : http://www.androidside.com/B57/914
 
  서울게임아카데미
추천JAVA, 2018년 한국 소비자만족지수 1위, 고용노동부국비지원, 수강료조회
www.seoulgame.co.kr
  아마존 AWS 공식사이트
AWS 클라우드로 개발하는 JAVA, 유동적인 리소스 관리, 편리한 배포, 디버깅
aws.amazon.com/ko/
  구트아카데미 국가기간 조규탁
9/4일개강, 머신러닝&딥러닝을 활용한 인공지능개발자 양성과정, 구로디지털단지역.
www.goott.biz
신청하기


아래 사이트에서 퍼온 자료입니다.



필자가 최근 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버전부터 제대로 작동하니 그리 알아 두길 바란다.



로그인 창이 있는 "정보 수정"에서
서명 이쁘게 등록해보세요 ^^

카이로 님의 웹(WEB) 최신글 [더보기]


추천/비추천 클릭하면 추천받으신 분, 추천하신 분 모두에게 포인트가 지급됩니다.

미니어스 2016-11-22 (화) 13:22
http://echarts.baidu.com/ 바이두에서 만든 echart - MIT
http://www.highcharts.com/ 최강 웹 JS chart highchart - 상용
댓글주소
이전글  다음글  목록 글쓰기

총 게시물 62건, 최근 0 건 안내 RSS
번호 분류 제목 글쓴이 날짜 추천 비추천 조회
62 소스코드
 $scope.page = 0;   $scope.total = 1;   $scope.restaurants = [];   $scope.getRestaurants = function () {     $scop…
조각 08-10 2 0 1280
61 소스코드
감사합니다.
우리큰형님 07-08 3 1 2251
60 강좌
Store에 저장된 Model 객체를 each()메소드로  Model객체당 패널를 하나씩 만드는 방법도 있지만 DataView(Ext.dataview.Dat…
이카루스031 06-02 5 0 3975
59 강좌
Store에 저장할 Model 객체 타입을 정의하고 프록시 Ext.data.proxy.Memory를 사용해서 인라인 데이터를 읽고 인라인 데이…
이카루스031 06-02 3 0 3693
58 강좌
스토어는(Ext.data.Store)는  클라이언트측 데이터 캐쉬 저장소 역할을 한다. Store는 처음 생성될 때만 서버나 HTML5…
이카루스031 06-02 1 0 3557
57 소스코드
페이지 링크 : https://github.com/Flipboard/react-canvas 사용언어 : javascript Introductory blog post Flipboard는 모바일 웹 앱…
카이로 03-18 2 0 4094
56 TIP&TECH
A self-hosted chat app for small teams built by Security Compass. Features and Stuff BYOS (bring your own server) Persistent messages M…
카이로 03-18 3 0 6122
55 TIP&TECH
IO.JS 링크 : https://github.com/iojs/io.js io.js 는 node.js의 커미터들이 대거 이동해서 만든 npm compatible platform 입니다.…
카이로 03-18 1 0 4495
54 TIP&TECH
아래 사이트에서 퍼온 자료입니다. http://blackfrost.blog.me/40210784439 필자가 최근 php에서 좀 깔끔한 그래프를 …
카이로 03-05 5 0 19211
53 TIP&TECH
$sudo apt-get install python-software-properties python g++ make  $sudo add-apt-repository ppa:chris-lea/node.js  $sudo apt-get update…
카이로 12-18 4 0 5705
52 소스코드
50+ FREE BEAUTIFUL JQUERY CSS3 MENU PLUGINS & TUTORIALS Free beautiful jQuery CSS3 menu navigation plugin and tutorials that it is an important…
카이로 11-28 3 0 5420
51 TIP&TECH
구굴 웹사이트 서핑 중  좋은 정보 인듯 해서 공유 차원에서 글을 적습니다. CSS 관련 해서 참고 하시고 많은…
등푸른망둥어 06-24 4 0 9808
50 TIP&TECH
젠 코딩 정말 나이스 하네요. 긴 HTML 등들은 TAG, CLASS, ID 속명만으로 html tag를 자동으로 한방에 생성해주…
등푸른망둥어 06-24 2 0 6089
49 강좌
출처 http://sir.co.kr/bbs/board.php?bo_table=wa_forum&wr_id=110 웹 접근성 이슈 정리 목차 들어가기 장차법과 웹 접…
카이로 01-05 2 0 7098
48 소스코드
크롬의 실험정신이 돋보이는 테스트 사이트입니다. 제가 보기엔 무조건 신기할 따름이네요!  근처에 갈 수…
집게사장 10-08 4 0 12790
47 강좌
1. 기본 Tabs의 Index를 로컬스토리지를 이용하여, 사용자가 마지막에 사용한 Index를 기억시키고, 화면에 보여줍…
집게사장 10-08 1 0 6029
46 TIP&TECH
http://dsiol.blog.me/120177646288 강력한 기능을 제공합니다.. 프리웨어이고 전 불법적인(?) 용도로 사용하고 있…
은빛파도 09-17 1 0 5486
45 자료
일단 소스 함 보세요
레오니아 08-23 6 0 8135
44 강좌
10년it트렌드 View more presentations from Kim jeehyun 온오프융합 View more presentations from Kim jeehyun
카이로 07-13 2 0 7175
43 강좌
Building HTML based mobile phone applications View more presentations from Mikko Ohtamaa
카이로 07-12 1 0 6730
 1  2  3  4  맨끝
 


Copyright ⓒ www.androidside.com. All rights reserved.
채팅 권한: 글쓰기 1개
2레벨 이상만 대화 가능
공개 채팅: 평일 !(9시 ~ 17시),토,일
안사2 변경사항 보러가기 챗방이 잘 안보이면 크롬에서 접속해주세요
챗방 숨기기 |  챗방 보이기