Merhaba değerli blog ziyaretçilerim. Web tabanlı online raporlama araçlarından (kütüphane de diyebiliriz) googleChart developerların büyük yardımcısı.
Uzun zamandır da projelerde kullanırım, şimdiye kadar google yüzümü kara çıkartmadı desem yeridir. Fakat google uzun zamandır grafiklerini responsive hale getirmedi malesef. Bunun için ufak bir çalışma gerekiyor. Bu yazımda sizlerle bu sorunu nasıl çözdüğümüzü göreceğiz.
Bilmeyenler için, Google Charts, web sitenize entegre edebileceÄŸiniz bir grafik görselleÅŸtirme aracı, etkileÅŸimli grafikler ve veri araçları galerisi. Kısacası verilerinizi php, json aracılığıyla googleChart’a veriyorsunuz, o da sizin verileriniz için güzel grafikler oluÅŸturuyor.
Sorun: Google Chart grafikleri ekstra herhangi bir çalışma yapıladığı taktirde responsive sistemlerin içerisinde veya dışında responsive şekilde çalışmıyor.
Çözüm: Beklendiği gibi responsive çalışması için küçük bir jquery kodu eklemeniz gerekecek. (Aşağıdaki gibi)
1 2 3 4 | $(window).resize(function(){ drawChart1(); drawChart2(); }); |
Demo görünümü için buraya uğrayabilirsiniz.