[구글챠트_①] 구글 파이 챠트 만드는 방법.

2007/12/12 00:19

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">



색상코드 정보는 여기서
더 자세한 정보는 여기서

지인우인 팁_[Tip] , , ,

2007/12/12 00:19 2007/12/12 00:19
Trackback Address:http://leegh.com/trackback/2694185
  1. 차트가 그야말로 세련되게 보이네요..저도 가끔? ㅋㅋ 차트 만드는데.... 넘 촌스러워요..
    제가 잘 못해서 그런지모르지만요..

    이거 한번 활용해 봐야 겠어요...

    내 섯거라...구글 차트야...;)

  2. Blog Icon
    지인우인

    구글챠트 둘러보니 많이 복잡하지만 그래도 꽤 괜찮아 보이더군요.
    요거 코딩에 익숙하지 않은 일반인도 쉽게 사용하게끔 누가 포장좀 해주면 좋을텐데요. ^_^

  3. 엇; 네이버에서는 방문자의 유입이 없는건가요??

  4. Blog Icon
    지인우인

    네이버로부터 들어오시는 분들이 가장 많지요.
    팀블로그에 로그인하셔서 리퍼러 보시면 1등이 search.naver.... 입니다.^_^

  5. 이거 좀 번거로워 보이더라구요 전 간단한 차트는 구글닥스에서 만들어요 ㅋ

  6. Blog Icon
    지인우인

    구글 닥스에도 챠트 만드는 기능이 있나보군요. 저도 나중에 한번 써봐야겠습니다. ^_^

[로그인][오픈아이디란?]