Rev. 2.57

지금까지 웹상에서 그래프를 그리는 솔루션으로 자바스크립트와 Canvas 태그를 이용해서 파이 그래프, 라인 그래프, 막대 그래프 등을 표현하게 하는 트릭(?)과는 완전히 다른 개념으로 도표를 생성하는 구글 차트(Chart) API입니다. 오직 URL에 파라메터 값만으로 완성된 그래프 이미지를 구글 서버로부터 호출하는 방식입니다. 와우! 정말 놀라운 발상입니다. 활용도면에서는 최고로군요!

URL format

<img src="http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=300x150&chl=Fire|June" alt="" />

Required and optional parameters

Parameter Line chart Scatter plot Bar chart Venn diagram Pie chart
Chart title Yes Yes Yes Yes Yes
Chart legend Yes Yes Yes Yes
Colors Yes Yes Yes Yes Yes
Chart and background fill Yes Yes Yes Yes Yes
Multiple axis labels Yes Yes Yes
Grid lines Yes Yes
Shape markers Yes Yes
Horizontal range markers Yes Yes
Vertical range markers Yes Yes
Line styles Yes
Fill area Yes
Pie chart labels Yes

시간나면 UI를 입힌 실시간 차트 생성기(Chart Generator)를 만들어 봐야겠습니다.

Comments

Got something to add? You can just leave a comment.

Your Reaction Time!

avatar

captcha