Membuat grafik di php mysql
Selamat datang di blog Mari belajar coding. Setelah artikel sebelumnya kita belajar membuat sebuah grafik dengan chart.js, pada tutorial kali ini kita akan mengintegerasikannya dengan PHP dan database Mysql. Dengan menggunakan sebuah grafik, kita dapat membuat sebuah laporan seperti laporan data produk, data penjualan, dan sebagainya yang akan di tampilkan dalam bentuk
visual.
2. Insert data kedalam tabel produk.
3. Setelah berhasil membuat sebuah database dan insert data kedalam tabel, sekarang kita telah mempunyai data produk dengan field
idProduk, NamaProduk dan Jml. Selanjutnya buat sebuah file json dari data produk. Salin kode berikut ini kemudian simpan dengan nama data-produk.php di directory xampp/htdocs/latihan-chartjs.
Tampilan jika data-produk.php di jalankan. Pastikan services apache dan mysql di xampp control panel dalam keadaan start. 4. Download plugin chart.js. Chart.js.zip , Extrak hasil download menggunakan winrar atau winzip kemudian pindahkan folder chartjs ke directory xampp/htdocs/latihan-chartjs.
6. Tambahkan tag canvas untuk menampilkan grafik di body html.
7 Buat fungsi dengan javascript untuk request data-produk.php dengan getJSON.
8. Untuk integerasi data json dengan plugin chartjs seperti dibawah ini.
9. Kode lengkapnya seperti ini, simpan file dengan nama index.php.
Untuk menjalankan program, pastikan services apache dan mysql pada xampp control panel dalam keadaan start serta gunakan koneksi internet karena file jquery.js langsung di panggil menggunakan CDN.
|