Membuat Diagram Chart Data Penduduk Dengan PHP MySQL

Membuat Diagram Chart Data Penduduk Dengan PHP MySQL, Dalam pembuatan sistem atau aplikasi web, diperlukan penyajian information dan laporan dalam bentuk grafik, selain dalam bentuk tabel atau tabular. Penyajian information dalam bentuk grafik memiliki keuntungan antara lain bentuknya principle lebih menarik serta dapat dipahami makna keseluruhan information dengan lebih cepat. Bentuk grafik juga lebih ringkas dibandingkan penyajian information dalam bentuk tabel.

Berikut tahap - tahap dalam membuat diagram chart data penduduk dengan php mysql.

pertama buat nama databasenya db_chart - selanjutnya import sql berikut/

CREATE TABLE IF NOT EXISTS `datapenduduk` (
  `provinsi` varchar(50) NOT NULL,
  `jumlah` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `datapenduduk`
--

INSERT INTO `datapenduduk` (`provinsi`, `jumlah`) VALUES
('Aceh', 3930905),
('Jawa', 11649655),
('Kalimantan', 4957627),
('Maluku', 2413846),
('Papua', 4248934);

sekarang buat file kode (script) phpnya untuk mengakses tabel sqlnya yang nanti akan di tampilkan dalam bentuk Diagram Chart

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<head>
<title>Grafik Penduduk Indonesia</title>
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/highcharts.js" type="text/javascript"></script>
<script src="js/exporting.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: 'Data Penduduk Provinsi Indonesia '
         },
         xAxis: {
            categories: ['Provinsi']
         },
         yAxis: {
            title: {
               text: 'Jumlah Penduduk'
            }
         },
              series:             
            [
<?php      
// file koneksi php
$server = "localhost";
$username = "root";
$password = "";
$database = "db_chart";
mysql_connect($server,$username,$password) or die("Koneksi gagal");
mysql_select_db($database) or die("Database tidak bisa dibuka");
$sql   = "SELECT * from datapenduduk"; // file untuk mengakses ke tabel database
$query = mysql_query( $sql ) or die(mysql_error());         
while($ambil = mysql_fetch_array($query)){
 $provinsi=$ambil['provinsi'];
 $sql_jumlah   = "SELECT * from datapenduduk where provinsi='$provinsi'";        
 $query_jumlah = mysql_query( $sql_jumlah ) or die(mysql_error());
 while( $data = mysql_fetch_array( $query_jumlah ) ){
    $jumlahx = $data['jumlah'];                 
   }             
   
   ?>
   {
    name: '<?php echo $provinsi; ?>',
    data: [<?php echo $jumlahx; ?>]
   },
   <?php } ?>
]
});
}); 
</script>
</head>
<body>
<!-- fungsi yang di tampilkan dibrowser  -->
<div id="container" style="min-width: 200px; height: 400px; margin: 0 auto"></div>

</body>
</html>

{getDownload} $text={DOWNLOAD} $size={Size Text}

Membuat Diagram Chart Data Penduduk Dengan PHP MySQL

Apradiz Renfaan

7 Comment

Membuat Diagram Chart Data Penduduk Dengan PHP MySQL

Apradiz Renfaan

comment 7 Comment

7 Comment