Chart atau grafik adalah salah satu fitur yang biasa ada di aplikasi laporan, pasalnya dengan adanya grafik pembacaan data menjadi lebih mudah dipahami. Bagi kamu sang programmer, tidak lengkap rasanya jika tidak memahami cara membuat grafik di php. Dan untungnya saat ini ada library javascript yang cukup membantu para developer untuk membuat aplikasi yang dibangun menjadi lebih interaktif yaitu chart js Chart Js adalah library javascript yang memanfaatkan element canvas untuk membuat grafik yang akan ditampilkan di web. Kalian bisa mengunjungi situsnya di chartjs.org. Ada banyak pilihan chart atau bagan yang bisa kalian gunakan, itu semua tergantung kebutuhan kalian. Berikut beberapa daftar bagannya.
Pada tutorial kali ini kita akan menggunakan vertical bar chart untuk pengolahan data sederhana. Intinya agar kalian mudah memahaminya, dan bagi yang ingin tau lebih lanjut bagaimana cara membuat grafik yang lebih kompleks kalian bisa membuka halaman dokumentasi chart js. Cara Membuat Chart Js Perbandingan Jumlah Jenis KelaminIntro : Pada tutorial kali ini kita akan mengolah data mahasiswa, dimana kita akan menampilkan perbandingan jumlah mahasiswa jenis kelamin laki-laki dan perempuan. Artinya kita membutuhkan 2 buah bar / batang yang merepresentasikan jumlah laki-laki dan jumlah perempuan. Ok kita langsung masuk :
Penjelasan script di atas :
Penjelasan script di atas sekaligus menjadi parameter yang harus di isi dalam menggunakan bar chartjs. Jika kita simulasikan ke data lain, yaitu menghitung jumlah mahasiswa berdasarkan jurusan maka kita perlu
Cukup sekian tutorial Cara Membuat grafik dari Php dan Database MySQL dengan ChartJs. Semoga tutorial ini dapat membantu kalian semua. Kurang lebihnya saya mohon maaf, apabila ada kritik, saran dan pertanyaan silahkan tinggalkan di kolom komentar di bawah ini. Happy Coding dan sampai jumpa di tutorial selanjutnya :) |