Membuat Grafik Dari Database Dengan PHP Part 2

Membuat Grafik Dari Database Dengan PHP Part 2

Membuat Grafik Dari Database Dengan PHP Part 2 – Tutorial ini merupakan kelanjutan dari tutorial Membuat Grafik dari database MySQL dan PHP Dengan Chart.js. Untuk melanjutkan tutorial sebelumnya tentang cara membuat grafik dari database MySQL dan PHP dengan Chart.js, pada tutorial ini kita akan belajar tentang membuat grafik pie dengan php dan chart.js.

Jika sebelumnya kita membuat grafik dengan grafik batang, maka pada tutorial ini kita akan belajar membuat grafik yang berbentuk pie atau sering disebut dengan nama “grafik pie”.

Grafik pie adalah grafik yang berbentuk bulat dan ada pembagian-pembagian kategori di dalamnya.

Untuk membuat grafik dinamis dengan PHP teman-teman bisa membaca tutorial sebelumnya di malasngoding.com. sebelumnya kita telah belajar tentang cara membuat chart atau grafik dengan chart.js dan belajar membuat grafik dari database dengan PHP menggunakan chart.js.

Silahkan teman-teman baca dulu tutorial sebelumnya jika teman-teman belum membacanya.

• Membuat grafik dengan chart.js
• Membuat grafik dengan database MySQL dan PHP dengan Chart.js

Di tutorial ini kita tidak lagi mengulang dari awal, tapi akan melanjutkan penjelasan sebelumnya. silahkan baca dulu tutorial pada link di atas jika belum.

Membuat Grafik Dari Database Dengan PHP

Pada tutorial ini kita akan membuat grafik dalam bentuk pie. untuk membuat grafik dalam bentuk pie, kita hanya perlu mengubah pada “type” grafik nya. silahkan teman-teman lihat pada file index.php yang sudah kita buat sebelumnya.

Sebelumnya type grafik yang kita buat adalah grafik “bar”. maka sekarang coba kita ubah dengan “pie”.

membuat grafik dari database dengan php

setelah merubah type grafik dari bar ke pie. selanjutnya coba kita lihat hasilnya.

jalankan kembali project kita dengan membuka localhost/grafik_mahasiswa pada browser.

Membuat Grafik Dari Database Dengan PHP Part 2

Mantap kita telah berhasil membuat grafik pie dengan php dari database mahasiswa yang menampilkan data jumlah mahasiswa berdasarkan fakultas nya masing-masing. mantap ! 😀

Untuk lebih lengkap tentang grafik pie pada chart.js teman-teman bisa membaca nya di panduan grafik Doughnut & Pie yang telah di sediakan oleh si developernya chart.js. Membuat Grafik Data Dinamis menggunakan PHP dan Chart.js

Sampai di sini tapi saya masih belum puas. saya ingin membagikan ke teman-teman tentang cara membuat grafik berdasarkan jenis kelamin mahasiswa dengan menggunakan grafik chart.js.

Membuat Grafik Pie Berdasarkan Jenis Kelamin Mahasiswa

Seperti grafik fakultas yang sudah kita buat, grafik jenis kelamin ini juga akan kita buat dengan dinamis.

Oke langsung saja silahkan teman-teman buka file index.php. sekarang kita juga akan menampilkan jenis kelamin pada table data mahasiswa.

index.php

Oke langsung saja lihat hasilnya.

membuat grafik dinamis dengan php

kemudian pada data grafik juga kita ubah, di sini kita akan menampilkan data mahasiswa berdasarkan jenis kelamin. kemudian kita hitung jumlahnya.

Perhatikan pada data.

Di sini kita mengambil data mahasiswa yang jenis kelamin nya sama dengan “L”. dan menghitung jumlahnya. begitu juga dengan mahasiswa yang berjenis kelamin “P”.

Maka hasilnya

membuat grafik jenis kelamin dengan php dan mysql chartjs

Nah grafik jenis kelamin mahasiswa pun telah selesai kita buat.

Full Source Code Membuat Grafik Dari Database Dengan PHP Part 2

koneksi.php

Index.php

Direkomendasikan untuk membaca tutorial berikut, agar materi lebih jelas dan terarah.

• Membuat grafik dengan Chart.js
• Menampilkan data dari database dengan PHP
• Membuat grafik dari database MySQL dan PHP Dengan Chart.JS

Oke teman-teman, sekian dulu tutorial Membuat Grafik Dari Database Dengan PHP Part 2. semoga bermanfaat. sampai jumpa di tutorial selanjutnya di www.malasngoding.com.

DOWNLOAD SOURCE CODE