Google chart api’nin gücü

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 herzaman yazmak zorundasınız.

Genişlik ve yükseklik

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

Grafik tipi

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

Grafik dilim isimleri(label)

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

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ığı

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şletim 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

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şletim sistemleri&chf=bg,s,9999F0

Grafiğin rengi

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şletim sistemleri&chf=bg,s,9999F0&chco=7AD4EA





Unutmamanız gereken birşey daha, günde 50000 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



detay: http://code.google.com/apis/chart/
kaynak: http://yazilan.org/google-chart-apinin-gucu/