google chart api ile elinizdeki istatistiki verileri hızlı ve kolayca resim formatında grafikler elde edebilirsiniz. yapmanız gereken http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=Hello|World benzeri bir kodu <img> tagınızın src=”" kısmına yazmak.

bu şekilde bir sonuç elde edeceksiniz.

buradaki kodun http://chart.apis.google.com/chart? kısmı standart, bunu herzaman yazmak zorundasınız. Diğer kısımlar için ise aşağıda verilen kodları kendi istediğinize göre düzenlemeniz gerekli.

genişlik ve yükseklik (chs):

350px genişliginde ve 200px yüksekliğinde grafik oluşturmak için:
http://chart.apis.google.com/chart?chs=350×200

grafik tipi (cht) tüm grafik tipleri

pasta dilimi grafik tipi :
http://chart.apis.google.com/chart?chs=350×200&cht=p

grafik dilim isimleri (label) (chl)

grafikteki dilimlerin isimleri. örneğin birkaç işletim sistemi:
http://chart.apis.google.com/chart?chs=350×200&cht=p&chl=vista|xp|pardus

grafik dilimlerinin verileri (chd)

grafikteki dilimlerin verileri. örneğin işletim sistemlerini kullanan kişi sayısı:
http://chart.apis.google.com/chart?chs=350×200&cht=p&chl=vista|xp|pardus&chd=t:15,86,2

grafiğin başlığı (chtt)

grafiğin üstünde görünecek başlık
http://chart.apis.google.com/chart?chs=350×200&cht=p&chl=vista|xp|pardus&chd=t:15,86,2&chtt=i%C5%9Fletim sistemleri
burada ş harfi için url encode değerini girmemiz gerekmektedir! türkçe karakterlerin urlencode değerlerini aşağıda veriyorum.

grafiğin arkaplan rengi (chf)

arkaplan rengini F8FAF0 kodunu değiştirerek kullanabilirsiniz
http://chart.apis.google.com/chart?chs=350×200&cht=p&chl=vista|xp|pardus&chd=t:15,86,2&chtt=i%C5%9Fletim sistemleri&chf=bg,s,9999F0

grafiğin rengi (cho)

grafik renkleri, kodlar hexadecimal. örneğin chco=7AD4EA
http://chart.apis.google.com/chart?chs=350×200&cht=p&chl=vista|xp|pardus&chd=t:15,86,2&chtt=i%C5%9Fletim sistemleri&chf=bg,s,9999F0&chco=7AD4EA

unutmamanız gereken birşey daha, günde 50.000 gösterimi aşmamanız gerekiyor! aksi halde sizi engelleyebiliyorlar.

türkçe karakterlerin urlencode değerleri,

ş : %C5%9F
ö: %C3%B6
ğ: %C4%9F
ü: %C3%BC
ı: %C4%B1
ç: %C3%A7
Ş: %C5%9E
Ö: %C3%96
Ğ: %C4%9E
Ü: %C3%9C
İ: %C4%B0

esinti