http://chart.apis.google.com/chart?cht=p3&chd=s:BC&chs=250x100&chl=Hello|World&
chtt=Test&chf=bg,s,ffffff&chco=4f5e5e
1. B C D F G H I J K => 1 2 3 4 5 6 7 8 9 임. ex) BC => 1:2 를 의미.
ex) CJ => 2:8 을 의미.
2. 250x100 은 그래프 크기를 의미. 곱한 값이 300,000 픽셀까지 가능.
고로 1000x300 또는 500x600 등이 최대값임.
3. Hello 와 World 는 파이 이름을 의미. 각각의 이름 구분은 '|' <== 요 막대기로 해준다.
4. Test 는 챠트 이름을 의미.
5. ffffff 는 챠트 배경 색상코드임.
6. 4f5e5e 는 파이 색상코드 임.
링크는 여기
블로그에 삽입할 때는 이렇게.
<img src="http://chart.apis.google.com/chart?cht=p3&chd=s:BC&chs=250x100&chl=Hello|World&chtt=Test&
chf=bg,s,ffffff&chco=4f5e5e">
예를 들어, 지인우인의 마음을 차지하고 있는 웹서비스들의 점유율을 파이 그래프로 나타내면,
구글리더가 50%, 올블로그가 30% ,Daum 이 20% 이므로 이 비율을 데이터로 표시하면 5:3:2 이므로 5는 G이고 3은 D, 2는 C 고로 합치면 GDC 이다.
사이즈는 500x200 으로 할 것임.
그리고 각각의 이름은 한글이 깨지므로 영어로 바꾸어준다. 구글리더는 Google Reader, 올블로그는 Allblog, Daum 은 Daum.
챠트 제목은 Jiinwoin's web
챠트 배경색은 흰색(ffffff)
챠트 파이 색상은 옅은 청색(222d2d)
http://chart.apis.google.com/chart?cht=p3&chd=s:GDC&chs=500x200&chl=Google Reader|Allblog|Daum&chtt=Jiinwoin's web&chf=bg,s,ffffff&chco=222d2d
링크는 여기
블로그에 삽입할 때는 이렇게,
<img src="http://chart.apis.google.com/chart?cht=p3&chd=s:GDC&chs=500x200&chl=Google Reader|Allblog|Daum&chtt=Jiinwoin's web&chf=bg,s,ffffff&chco=222d2d">
색상코드 정보는 여기서
더 자세한 정보는 여기서
댓글을 달아 주세요
2007/12/12 09:14 댓글주소 수정/삭제 댓글쓰기
차트가 그야말로 세련되게 보이네요..저도 가끔? ㅋㅋ 차트 만드는데.... 넘 촌스러워요..
제가 잘 못해서 그런지모르지만요..
이거 한번 활용해 봐야 겠어요...
내 섯거라...구글 차트야...
2007/12/12 21:45 댓글주소 수정/삭제
구글챠트 둘러보니 많이 복잡하지만 그래도 꽤 괜찮아 보이더군요.
요거 코딩에 익숙하지 않은 일반인도 쉽게 사용하게끔 누가 포장좀 해주면 좋을텐데요. ^_^
2007/12/12 11:10 댓글주소 수정/삭제 댓글쓰기
엇; 네이버에서는 방문자의 유입이 없는건가요??
2007/12/12 21:53 댓글주소 수정/삭제
네이버로부터 들어오시는 분들이 가장 많지요.
팀블로그에 로그인하셔서 리퍼러 보시면 1등이 search.naver.... 입니다.^_^
2007/12/12 14:18 댓글주소 수정/삭제 댓글쓰기
이거 좀 번거로워 보이더라구요 전 간단한 차트는 구글닥스에서 만들어요 ㅋ
2007/12/12 21:54 댓글주소 수정/삭제
구글 닥스에도 챠트 만드는 기능이 있나보군요. 저도 나중에 한번 써봐야겠습니다. ^_^