Fungsional grafik secara umum sebagai monitoring penjualan naik atau menurunnya hasil kategori penjualan sehingga dapat diambil sebuah langkah keputusan, Diagram batang biasanya untuk menyampaikan informasi kuantitas suatu kategori tertentu agar lebih mudah dipahami dalam sebuah data baik secara keseluruhan, dari data perhari, perbulan ataupun pertahun.
Download sebuah Javascript Chart grafik.
Buat sebuah database:
- penjualan -> tb_barang
open xampp.
Open new file sublime text
- Grafik_penjualan.php
- Konfigurasi.php
masukan script di bawah ini:
- <html>
- <head>
- <script src="js/jquery.min.js" type="text/javascript"></script>
- <script src="js/highcharts.js" type="text/javascript"></script>
- <script type="text/javascript">
- var chart1; // globally available
- $(document).ready(function() {
- chart1 = new Highcharts.Chart({
- chart: {
- renderTo: 'container',
- type: 'column'
- },
- title: {
- text: 'Grafik Penjualan baju '
- },
- xAxis: {
- categories: ['kategori barang']
- },
- yAxis: {
- title: {
- text: 'Jumlah kaos terjual'
- }
- },
- series:
- [
- <?php
- include('konfigurasi.php');
- $sql = "SELECT nama_barang FROM tbl_barang";
- $query = mysql_query( $sql ) or die(mysql_error());
- while( $ret = mysql_fetch_array( $query ) ){
- $nama_barang=$ret['nama_barang'];
- $sql_jumlah = "SELECT jumlah FROM tbl_barang WHERE nama_barang='$nama_barang'";
- $query_jumlah = mysql_query( $sql_jumlah ) or die(mysql_error());
- while( $data = mysql_fetch_array( $query_jumlah ) ){
- $jumlah = $data['jumlah'];
- }
- ?>
- {
- name: '<?php echo $nama_barang; ?>',
- data: [<?php echo $jumlah; ?>]
- },
- <?php } ?>
- ]
- });
- });
- </script>
- </head>
- <body>
- <h2> <center> Tabel Penjualan Baju Toko NEWS <center> </h2>
- <div id='container'>
- </div>
- </body>
- </html>
kemudian simpan dengan nama grafik_penjualan.php
- <?php
- //defined('ROOT') or die('');
- define('db_host','localhost');
- define('db_user','root');
- define('db_pass','');
- define('db_name','penjualan');
- mysql_connect(db_host,db_user,db_pass);
- mysql_select_db(db_name);
- ?>
kemudian simpan dengan nama konfigurasi.php
- Terakhir jalankan file tersebut.
