Eğitim Günlüğü - Yakup Çetin







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
Share on Google Plus

0 yorum:

© 2005 - 2017. Yakup Çetin - Elementx Tasarım

Bozkır Yukarı Mahalle 50044 Sokak Yıldızhan Koperatifi Dışkapı No:4C İç Kapı no:9 Bozkır Konya
Telefon: 0 544 343 86 28 - Fax: 0332 426 23 30
iletisim@yakupcetin.com

Bize Ulaşın: