구글 차트 API로 도표를 그리자


구글 차트

X차트의 문제는 데이타 값이었다. 원시 데이타를 그대로 입력하면 도표가 정상적으로 그려지지 않았다. 그림의 크기에 따라 데이타 값을 가공해야만 원하는 도표를 그리는 것이 가능했다. 그래서 다시 생각한 것이 구글에서 차트 API를 공개했다면 구글 차트 API를 쉽게 이용할 수 있는 사이트도 있을 것 같았다. 역시 같은 생각을 하는 사람이 많아서인지 몰라도 이미 그런 사이트가 있었다. 바로 "Google Chart API - Chart Generator"는 사이트이다.

목차

플래시 도표, X차트

앞에서 설명한 것처럼 그림의 크기에 따라 데이타를 바꿔주어야 하기 때문에 이 사이트에서는 입력되는 데이타를 무조건 '0에서 100으로 바꾼다'. 따라서 실제 데이타와 가까운 값을 만들기 위해서는 반드시 'Axis Labels'에 다음과 같은 형식의 데이타를 추가해 주어야 한다.

0:|2004/06|2004/12|2005/06|2005/12|2006/06|2006/12|2007/06|2007/12|2008/06|2008/012|2009/06|2009/08| 1:||50,000|100,000|150,000|200,000|250,000|300,000|350,000|400,000 

0:에 이어 X축 라벨를 입력하고 라벨과 라벨은 |로 구분한다. 중요한 것은 데이타 끝에도 |를 붙여야 한다는 점이다. 1: 다음에 Y축 라벨을 입력하고 마찬가지로 수직바로 구분한다. 그리고 이 두행을 하나로 합처서 Axis Labels에 넣으면 된다. 만약 그림처럼 구분선을 추가하고 싶다면 '&chg=10,10'처럼 X축, Y축 간격을 지정하면 된다.

관련 글타래

  1. 아쉽지만 X차트는 사이트가 폐쇄됐다. 



Powered by Textcube