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.
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>
7 comments
Web Design Company in Chennai
ECommerce Website developers in bangalore
Outsource magento ecommerce services india
Java training in Bangalore | Java training in Btm layout
Java training in Bangalore | Java training in Jaya nagar
Java training in Bangalore | Java training in Electronic city
Java training in Chennai | Java training institute in Chennai | Java course in Chennai