Son Eklenenler

31 Ağustos 2010 Salı

Elementx Web Blog

google chart api ile Grafiklerin 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 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

Subscribe to this Blog via Email :