jQuery MySQL PHP

Membuat Chart atau Grafik dengan PHP dan MySQL

google chart php mysql
Written by Fatoni

Membuat Chart atau Grafik dengan PHP dan MySQL. Malam sobat tutorialweb, kali ini saya akan sharing bagaimana cara membuat chart atau grafik dengan PHP dan MySQL. Kali ini saya akan membuat chart pie atau grafik lingkaran, dan menggunakan API dari Google Chart. Kalau pengen tahu dulu dimana bisa melihat alamat google chart bisa di https://developers.google.com/chart/

Sebenarnya google chart sendiri tidak hanya menyediakan grafik lingkaran saja, tapi menyediakan banyak sekali pilihan grafik yang bisa sobat gunakan, seperti grafik batang, silinter, garis dan jenis grafik lainnya yang tentunya bisa di kombinasikan dengan PHP dan MySQL untuk data yang ingin dimasukkan di grafik tersebut.

Lihat dokumentasinya di https://developers.google.com/chart/interactive/docs/

Langsung saja ke demo ya sob, kali ini saya akan membuat grafik lingkaran dengan data kelas, dimana kelas ini nantinya ada nama kelas dan jumlah siswa tiap kelas tersebut. Jadi intinya nanti yang ditampilkan adalah Nama kelas dan jumlah siswa perkelas. Tentunya data kelas ini dari database ya sob.

Ini contoh yang akan kita buat sob

google chart php mysql preview

Yuk kita mulai, pertama buat dulu databasenya. Dalam kasus ini saya buat database dengan nama tutorialweb_google_chart, kemudian silahkan dump script di bawah ini untuk mendapatkan tabel dengan nama kelas beserta kolom-kolomnya. Berikut ini kodenya:

Cek ya sob apakah sudah ada tabel kelasnya, jika ada masalah silahkan komentar di bawah.

Lanjut silahkan buat folder baru di server lokal sobat, namanya bebas yang penting ada namanya aja 🙂

Kemudian buat file dengan nama index.php, dan tuliskan kode di bawah ini:

Jika sudah silahkan simpan, dan coba buka di browser sobat, alamatnya ini sob: localhost/folder_sobat

Jangan salah ya sob, soalnya banyak yang buka nya itu hanya di klik dua kali pada file index.php nya, jadi gak jalan deh.

Seperti dilihat pada kode diatas, disana saya memasukkan API Google Chart dengan source yang online, jadi kalau pengen berhasil ya harus online dulu sobat. Atau bisa download dulu source nya.

Nah, sudah selesai sob, kalau ada error, grafik tidak tampil, atau yang lainnya silahkan tinggalkan komentar di bawah. Jangan lupa selalu kunjungi tutorialweb untuk tutorial pemrograman web terbaru.

Sekian dari saya, see u again.. 🙂

About the author

Fatoni

Programming is my hobby, not my job.

1 Comment

Leave a Comment