지금까지 웹상에서 그래프를 그리는 솔루션으로 자바스크립트와 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