Membuat Diagram Chart Data Penduduk Dengan PHP MySQL

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.
Diagram Chart Data Penduduk Dengan PHP MySQL
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>

Penikmat Kopi dan Teh
ApradizBlog... Selamat Datang WhatsApp chat
Halo! Ada yang bisa kami bantu hari ini?
Type here...