지금까지 웹상에서 그래프를 그리는 솔루션으로 자바스크립트와 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.
홋 진짜 최고군요. 헐.~~~
reply edit
역시 제게는 요즘 최신 기술 동향은 이곳을 통해 얻고 있는듯합니다.
이 포스팅 보니 저도 재밌는것들이 막 떠오르는데요. - 맨날 떠오르기만..실천을 좀;;
날이 추워지는데 건강 챙기소서~
reply edit
넵 고맙습니다.
reply edit
구글에서 참신한 놈이 또 튀어나왔다.http://code.google.com/apis/chart/차트 그리는것도 항상 일이였는데, 이걸 이용하면 차트 생성을 훨씬 쉽게 할 수 있을것 같다.이놈을 알게해주신 분은..
맨날 눈팅만 하다가 오늘은 정말 감동받고, 몇가지 해본다음에 트랙백 날리고 갑니다.
좋은 정보 감사합니다.
reply edit
도움이 되셨다니, 뿌듯합니다. 트랙백과 댓글 고맙습니다.
reply edit
구글 차트(Google Chart) API라는 게 있었군요. 뭐 국내에도 관련 포스트는 많이 있었지만, 정작 사용예를 올려놓은 포스트는 없는 듯해서 쓸데없이; 차트를 몇 개 만들어봤습니다. 먼저..
Your Reaction Time!