GoogChart : Google Charts API için Php Sınıfı

GoogChart : Google Charts API için Php Sınıfı

Google Charts API Google’ın geçtiğimiz yıl açtığı bir servis. Servis kısaca istatiksel verilerinizi grafiksel olarak göstermenize yarıyor. <img> etiketiyle ekleyeceğiniz bir url ile grafiklerinizi kolayca png formatında görebilirsiniz.
Örnek : http://chart.apis.google.com/chart?cht=p3&chd=t:70,30&chs=250x100&chl=A|B

Google Charts API’nin kullanımı ve özellikler burada detaylı bir şekilde anlatılmış.

Gelelim asıl konumuza. Bu yazımda Php ile uğraşanlar için Google Charts API işlemlerini kolaylaştıran bir sınıf (class) olan GoogChart’tan bahsedeceğim. İlk adımda göstermek istediğimiz değerleri $data dizisine yazıyoruz.

[code=‘php’]

$data = array(
'IE7' =>

22,
‘IE6’ => 30.7,
‘IE5’ => 1.7,
‘Firefox’ => 36.5,
‘Mozilla’ => 1.1,
‘Safari’ => 2,
‘Opera’ => 1.4,
);

İkinci adımda ise sınıfımızı çağırarak grafik kodunu üretiyoruz.

[code=‘php’]

$chart = new googChart();
$chart->

setChartAttrs( array(
‘type’ => ‘pie’,
‘data’ => $data,
‘size’ => array( 300, 200 )
));
echo $chart;

Burada $data dizisindeki değerleri grafiksel olarak gösterdik. Yukarıdaki kodda ‘type’ => ‘pie’ grafik tipimizi belirliyor. ‘data’ => $data kodu ile de grafikte kullanacağımız verileri daha önce oluşturduğumuz $data dizisinden aldık. ‘size’ => array( 300, 200 ) kodu ile de grafiğimizin yükseklik ve genişliğini ayarladık (Genişlik x Yükseklik). echo $chart; ile de grafiği ekrana yazdırdık.

Yukarıdaki örneğimizin basit bir yapısı var ve GoogChart sınıfındaki tüm özellikler kullanılmadan yapılmış. Sınıfın desteklediği diğer özelliklerin listesini aşağıda bulabilirsiniz. Google Charts API’de daha fazla grafik seçeneği bulunduğu halde GoogChart sınıfı 5 ayrı grafik tipi sunuyor. Ayrıca aşağıdaki gibi çoklu verilerde kullanabilirsiniz.

[code=‘php’]

$data = array(
'February 2008' =>

array(
‘IE7’ => 22,
‘IE6’ => 30.7,
‘IE5’ => 1.7,
‘Firefox’ => 36.5,
‘Mozilla’ => 1.1,
‘Safari’ => 2,
‘Opera’ => 1.4,
),
‘January 2008’ => array(
‘IE7’ => 22,
‘IE6’ => 30.7,
‘IE5’ => 1.7,
‘Firefox’ => 36.5,
‘Mozilla’ => 1.1,
‘Safari’ => 2,
‘Opera’ => 1.4,
),
);

Desteklenen özellikler:

  • Type : Oluşturmak istediğiniz grafik tipi
  • Title : Garifk başlığı
  • Data : Kullanılacak olan veri dizisi
  • Size : Grafik boyutu (Genişlik x Yükseklik)
  • Color : Grafikte kullanılacak renk dizisi
  • Fill : Zaman çizgisi grafiğinde kullanılacak olan dolgu rengi dizisi
  • Background : Grafiğin arkaplan rengi, varsayılan #ffffff
  • LabelsXY : X ve Y eksenindeki etiketleri göster/gizle (true/false) (varsayılan false)
  • Legend : Açıklama Göster/Gizle (true/false) (varsayılan true)

Desteklenen Grafik Tipleri:

  • Pie : Pasta Grafik
  • Line : Çizgi Grafik
  • Sparkline : Sparkline Grafik ( Türkçe’sini bulamadım. Google Analytics’te de kullanılıyor.)
  • Bar-horizontal : Yatay Çubuk Grafik
  • Bar-vertical : Dikey Çubuk Grafik

İçerisinde örnek kodlarıda bulabilileceğiniz GoogChart sınıfını buradan indirip deneyebilirsiniz.
Not: Grafiklerde kullanılan Türkçe Karakterler bozuk çıkıyor. Türkçe karakterlerin yerine buradaki adreste bulabileceğiniz nümerik karşılıklarını kullanın.

Bu yazı en son 03 Aralık 2011 tarihinde düzenlenmiştir ve güncelliğini yitirmiş olabilir.

blog comments powered by Disqus

© Mustafa Navruz 2011 0.0176 sn.

^ Başa Dön