• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Jaranguda

Belajar Mengajar

  • Home
  • Sponsor/Jasa
  • Tentang

Membuat Diagram Batang (Pie Chart) dengan PHP MySQL

Last Updated on 7 August 2014 By tommy 23 Comments

Sebagai contoh kita akan membuat diagram batang data penduduk Indonesia per provinsi. Buat sebuah database belajar, tambahkan table datapenduduk lalu import database di bawah ini

--
-- Database: `belajar`
--
-- --------------------------------------------------------
--
-- Table structure for table `datapenduduk`
--
CREATE TABLE IF NOT EXISTS `datapenduduk` (
  `provinsi` varchar(50) NOT NULL,
  `jumlah` int(11) NOT NULL,
  PRIMARY KEY (`provinsi`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
--
-- Dumping data for table `datapenduduk`
--
INSERT INTO `datapenduduk` (`provinsi`, `jumlah`) VALUES
('Aceh', 3930905),
('Jambi', 2413846),
('Riau', 4957627),
('Sumatera Barat', 4248931),
('Sumatera Utara', 11649655);

Kita akan menggunakan highcart untuk menampilkan diagram balok nya. Buat sebuah file bernama cart.php isikan script dibawah ini

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Grafik Penduduk Indonesia</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></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 Indonesia Per Provinsi'
         },
         xAxis: {
            categories: ['Provinsi']
         },
         yAxis: {
            title: {
               text: 'Jumlah Penduduk'
            }
         },
              series:             
            [
<?php         
$server = "localhost";
$username = "jaranguda"; // user name mysql
$password = "jaranguda123"; // password mysql
$database = "belajar"; // nama database
mysql_connect($server,$username,$password) or die("Koneksi gagal");
mysql_select_db($database) or die("Database tidak bisa dibuka");
$sql   = "SELECT * from datapenduduk";
$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>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
 
</body>
</html>

yang perlu diubah adalah bagian

$server = "localhost";
$username = "jaranguda"; // user name mysql
$password = "jaranguda123"; // password mysql
$database = "belajar"; // nama database

sesuaikan dengan database yang anda gunakan. Setelah selesai buka melalui browser, maka akan tampil grafik seperti gambar dibawah ini
grafik penduduk indonesia

Download source code:

Last Updated on 7 August 2014 by

Tulisan menarik lainnya

  • Membuat Grafik dengan PHP MySQL Chartjs

    Pertama buat database mysql, buat database dengan nama tutorial, lalu import MySQL dibawah ini menggunakan…

  • Membuat Diagram Google Chart dengan PHP MySQL

    Ditutorial kali ini kita akan menggunakan data penduduk Indonesia pada tahun 2010 sebagai contoh. Yang…

  • Membuat Kalender dengan PHP

    Buat sebuah file dengan nama kalender.php lalu tambahkan script dibawah ini Minggu Senin Selasa Rabu…

  • Menampilkan Data Dari Database MySQL ke Combobox dengan PHP

    Pada tutorial kali ini, kita akan menampilkan data dari database kedalam combobox. Buat sebuah database…

Filed Under: PHP Tagged With: grafik, source code

Reader Interactions

Comments

  1. Mee says

    6 April 2018 at 15:14

    bro kalo diagram batangnya digabung dan menadi perbulan gmana cara bikinnya?

    Reply
    • tommy says

      9 April 2018 at 11:24

      di query MySQL kira-kira kaya gini SELECT * FROM datapenduduk group by MONTH(data_penduduk)
      ada contoh datanya?

      Reply
    • Rijal says

      2 February 2019 at 02:13

      Cara memberikan nilai pada grafik misal bulan ini ada 35 transaksi. Bulan kemarin ada 20 transaksi. Otomatis ke bulan berikutnya ada sekian transaksi. Itu gimana ya caranya..

      Reply
      • tommy says

        7 February 2019 at 09:18

        bikin logiknya dulu :D coba di share apa yang udah dibuat

        Reply
  2. ghani says

    15 September 2015 at 14:16

    kalo datanya dari 2 tabel yg saling berhubungan, caranya gmna?

    Reply
    • tommy says

      16 September 2015 at 20:25

      sama aja, itu kan tergantung query SQL-nya.

      Reply
  3. Aram says

    5 August 2015 at 15:40

    Kalau ditampilkan dengan series berupa array, bagaimana ? apakah bisa ?

    Reply
    • tommy says

      11 August 2015 at 12:55

      bisa aja.

      Reply
  4. Nabilla says

    8 April 2015 at 04:20

    mas saya punya tabel dengan kolom nim, nama, pelanggaran. Kolom pelanggaran itu terdiri dari KTM hilang, Tidak bawa KTM, mencontek, kerja sama, terlambat, lainlain. Cara membuat grafik untuk kolom pelanggaran itu bagaimana ? Karena kan harus menghitung dulu berapa banyak yg melanggar, baru bisa membuat grafiknya. Terimakasih

    Reply
    • tommy says

      8 April 2015 at 11:41

      di kolom pelanggaran di tambah 1 field NIM. jadi yang dijadiin grafik isi dari kolom pelanggaran, di jumlah dulu berdasarkan nim jadi outputnya kira-kira
      NIM JumlahPelanggaran
      1010 2
      1020 3
      1030 1
      1040 0
      1050 0
      1060 1

      Reply
  5. bi4si says

    12 February 2015 at 08:45

    maaf mas koq saya gak bisa tampil ya localhost?
    ada saran?

    Reply
    • tommy says

      12 February 2015 at 13:29

      ada muncul error ga yah?
      kalo ga muncul di php.ini ubah display_error = Off menjadi display_error = On

      Reply
  6. haaniva says

    19 November 2014 at 11:06

    Bagaimana kalau kita membuat grafik dari jumlah jawaban yang sama dalam satu tabel ?

    Reply
    • tommy says

      19 November 2014 at 13:16

      caranya sama saja dengan cara diatas, walaupun datanya sama tetap ditampilkan seperti grafik diatas.

      Reply
  7. octavia wahyu wulandari says

    19 August 2014 at 15:11

    Mastah kalo yang cetak laporan dari database di php ada gak ?? :D

    Reply
    • tommy says

      22 August 2014 at 21:44

      coba ikuti langkah-langkah di Membuat Laporan PDF dengan PHP. tinggal diganti sumber datanya dari database :)

      Reply
  8. octavia wahyu wulandari says

    19 August 2014 at 14:58

    makasih mastah tutornya setelah saya otak atik 1 hari akhirnya bisa saya terapkan di database syaa :D

    Reply
  9. octavia wahyu wulandari says

    19 August 2014 at 14:09

    kok gak bisa di download ya source code nya yang zip padahal recomended bgt sama projek yang sya buat

    Reply
    • tommy says

      19 August 2014 at 14:42

      coba lagi :) tadi ada kesalahan di servernya :D. Thanks udah ngasi tw

      Reply
      • octavia wahyu wulandari says

        19 August 2014 at 15:00

        gak jadi pake link :P o iya mau tanya kan ada pdf jpg png itu dia kalo mau download lewat situ harus online ya terus script yang nunjukinn itu yang mana ya

        Reply
  10. Riki says

    7 August 2014 at 10:47

    mas code membuat diagram batang harus ada koneksi ?

    Reply
    • tommy says

      7 August 2014 at 11:00

      koneksi maksudnya apa ya? koneksi internet apa koneksi ke database?

      Reply
  11. ojan says

    20 April 2013 at 11:14

    Thanks gan, tutorialnya :)

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Pencarian

Tanya Jawab tentang DevOps SRE CPE, gabung di https://t.me/devopsindonesia

Terbaru

  • Cara Menonaktifkan Pager di macOS
  • Cara Mengupdate Nama Apple silicon-as-a-Service Scaleway
  • Cara Force Delete Namespace di Kubernetes
  • Install PHP MariaDB di Mac Monterey
  • MacOS Minta Install Git

Komentar

  • Ari on Cara Mematikan SSID Molecool Balifiber
  • kiki anarki on Mengambil Data dari Situs BPJS Ketenagakerjaan dengan PHP cURL
  • musgan on Password Router Huawei HG8245H5 Indihome
  • ghabily on Mengambil Informasi Router Alcatel Lucent G-241W-A dengan PHP
  • nea on Mencari urutan angka yang hilang di PHP

Tulisan Populer

  • Password Router Huawei HG8245H5 Indihome 1.1m views
  • Password Terbaru ZTE F609 Indihome 784k views
  • Password Superadmin Huawei HG8245A 314k views
  • Cara Setting Manual Modem GPON ZTE F609 Indihome 272.2k views
  • Cara Setting Wireless ZTE F609 Indihome 256k views
  • Mengaktifkan Port LAN di Huawei HG8245 Indihome 169k views
  • Akses UseeTV Indihome via Wireless ZTE F609 156.5k views
  • Kemana Menghilangnya Saldo BCA 50 ribu 150.1k views
  • Cara Reset Password ZTE F609 Indihome 147.2k views
  • Cara Setting DHCP Server Modem/Router ZTE F609 112.8k views

Kategori

  • Delphi
  • dll
  • Gambas
  • Internet
  • Java
  • Lazarus
  • Linux
  • PHP
  • Review
  • Teknologi

Sponsor

kadal.id
carakami.com
kuotabisa.com
Untuk jadi sponsor, hubungi kita lewat halaman sponsor
© 2021. Jaranguda
  • Linux
  • PHP
  • Internet
  • Teknologi
  • Delphi
  • Gambas
  • Java