Halo teman-teman pada tutorial kali ini saya akan membahas tentang Cara Membuat Grafik menggunakan PHP MySQL. Grafik merupakan suatu visualisasi table, yang mana didalam tabel tersebut terdapat sebuah angka-angka yang dapat ditampilkan dalam bentuk gambar, dan grafik juga merupakan sebuah suatu kerangka untuk membentuk sebuah gambar, jenis-jenis dari grafik tersebut dapat dibedakan menjadi 3 macam diantaranya, grafik batang garis, dan lingkaran.
Namun didalam sebuah website grafik juga berfungsi sebagai analisis atau perbandingan antara data yang satu dengan data yang lainnya, apalagi website yang kita miliki adalah website penjualan, dan grafik tersebut juga memudahkan kita untuk melihat berapa data penjualan yang kita miliki, terkadang ketika kita melihat data yang banyak dalam bentuk table tentunya tidak nyaman, apalagi kita seorang manager dalam sebuah perusahaan, dan untuk memudahkan kita melihat data-data tersebut kita dapat menggunakan grafik, sebagai contohnya yaitu, data penjualan bulan bulan januari sampai dengan desember mengalami peningkatan atau malah sebaliknya, nah untuk memudahkan kita melihat data-data tersebut kita menggunakan grafik.
Untuk membuat grafik pada website kita menggunakan sebuah library javascript yang bernama Highchart, Highchart adalah sebuah library javascript yang digunakan untuk membuat sebuah grafik berbasis web, dan dengan menggunakan Highchart, grafik yang kita buat juga lebih interaktif, dan tipe grafik yang biasa dibuat menggunakan Highchart juga sangat banyak, tetapi pada tutorial kali ini kita hanya berfokus kepada grafik dengan bentuk batang/kolom.
Cara Membuat Grafik menggunakan PHP MySQL, kali ini adalah sebuah grafik penjualan produk seperti gambar dibawah ini,
Langkah pertama yang harus kita buat yaitu, kita akan membuat sebuah database dengan mana penjualan, dan didalam database penjualan kita akan membuat sebuah table product lebih kurang table yang akan kita buat seperti dibawah ini, dan table yang terdapat dibawah akan akan menentukan hasil dari grafik yang akan kita buat.
| Id | Bulan | Jumlah |
| 1 | Januari | 77 |
| 2 | Februari | 89 |
| 3 | Maret | 60 |
| 4 | April | 73 |
| 5 | Mai | 64 |
Berikutnya kita akan membuat file koneksinya, sehingga grafik yang akan kita tampilkan nanti berdasarkan data yang ada pada database, dan silahkan teman-teman simpan script dibawah ini dengan nama config.php
|
1 2 3 4 |
<?php $conn=mysqli_connect('localhost','root',''); mysqli_select_db($conn,'penjualan'); ?> |
Selanjutnya kita akan buat file index.php nya, dan silahkan teman-teman simpan script dibawah ini dengan mana index.php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 |
<html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script> <script src="http://code.highcharts.com/highcharts.src.js" type="text/javascript"></script> <script type="text/javascript"> var chart1; $(document).ready(function() { chart1 = new Highcharts.Chart({ chart: { renderTo: 'container', type: 'column' }, title: { text: 'Grafik Penjualan Product <br> Periode Januari - Mai ' }, xAxis: { categories: ['Bulan'] }, yAxis: { title: { text: 'Jumlah terjual' } }, series: [ <?php include('config.php'); $sql = "SELECT * FROM product"; $query = mysqli_query( $conn,$sql ) or die(mysqli_error()); while( $ret = mysqli_fetch_array( $query ) ){ $bulan=$ret['bulan']; $sql_jumlah = "SELECT jumlah FROM product WHERE bulan='$bulan'"; $query_jumlah = mysqli_query( $conn,$sql_jumlah ) or die(mysqli_error()); while( $data = mysqli_fetch_array( $query_jumlah ) ){ $jumlah = $data['jumlah']; } ?> { name: '<?php echo $bulan; ?>', data: [<?php echo $jumlah; ?>] }, <?php } ?> ] }); }); </script> </head> <body> <div id='container'></div> </body> </html> |
Nah jika kita jalankan pada browser maka hasilnya akan seperti dibawah ini
Oke teman-teman cukup sekian dulu tutorial saya kali ini tentang  Cara Membuat Grafik menggunakan PHP MySQL-nya. Semoga bermanfaat.
Terimakasih.