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

  • ongs ongs

    홋 진짜 최고군요. 헐.~~~

    reply edit

  • SUN+MOON SUN+MOON

    역시 제게는 요즘 최신 기술 동향은 이곳을 통해 얻고 있는듯합니다.
    이 포스팅 보니 저도 재밌는것들이 막 떠오르는데요. - 맨날 떠오르기만..실천을 좀;;
    날이 추워지는데 건강 챙기소서~

    reply edit

  • 파이어준 파이어준

    넵 고맙습니다.

    reply edit

  • 날아보자 | 날개를 달고 날아보자 | 날개를 달고

    구글에서 참신한 놈이 또 튀어나왔다.http://code.google.com/apis/chart/차트 그리는것도 항상 일이였는데, 이걸 이용하면 차트 생성을 훨씬 쉽게 할 수 있을것 같다.이놈을 알게해주신 분은..

  • 하얀사자 하얀사자

    맨날 눈팅만 하다가 오늘은 정말 감동받고, 몇가지 해본다음에 트랙백 날리고 갑니다.
    좋은 정보 감사합니다.

    reply edit

  • 파이어준 파이어준

    도움이 되셨다니, 뿌듯합니다. 트랙백과 댓글 고맙습니다.

    reply edit

  • 필유홈2.0 필유홈2.0

    구글 차트(Google Chart) API라는 게 있었군요. 뭐 국내에도 관련 포스트는 많이 있었지만, 정작 사용예를 올려놓은 포스트는 없는 듯해서 쓸데없이; 차트를 몇 개 만들어봤습니다. 먼저..

Your Reaction Time!

avatar

captcha