membuat grafik batang di php denggan highchart

Bismilah Wr Wb
Setelah sebelumnya kita buat grafik dengan tipe line chart kali ini kita akan membuat grafik batang menggunakan highchart tidak menggunakan moris Js. Garfik batang ini sering saa lihat di website kependudukan yang biasannya dyi gunakan untuk menampilkan jumlah penduduk namun tidak hanya di website kependududka di website penjualan pun sering saya lihat penggunaan grafik batang ini
Sama hal ny Line chart grafik batang ini saya terapkan pada website Laundry yang saya buat. Namun untuk menghitu penghasiln seminggu terakhir bukan untuk menghitung hasil pendapatan perbulan untuk Scren Schot nya bisa anda lihat seperti gambar di bawah :

Donlod file Highchart di sini
Seperti biasa buat dulu nama database dengan nama nhgroup buat table seperti ini
CREATE TABLE IF NOT EXISTS `cucianpelanggan` (
`id` int(30) NOT NULL AUTO_INCREMENT,
`idpelanggan` int(30) NOT NULL,
`hargatotal` varchar(30) DEFAULT NULL,
`status` varchar(35) DEFAULT NULL,
`tgl_masuk` date NOT NULL,
`tgl_kembali` year(4) DEFAULT NULL,
`status_cucian` varchar(15) DEFAULT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=37 ;

Setelah itu buat file index.php

y <!DOCTYPE html>
<html>y
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<head>
<title>Grafik Penjualan Seminggu terakhir</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: 'Pendapatan Satu Minggu Terakhir '
},
xAxis: {
categories: ['pendapatan']
},
yAxis: {
title: {
text: 'Jumlah Pendapatan'
}
},
series:
[

<?php
// file koneksi php
$konek = mysqli_connect("localhost","root","","nhgroup");

$tgl_skrg = date("Ymd"); // dapatkan tanggal sekarang saat online
// $tgl_skrg = date("20140117"); // untuk simulasi saja sesuai dengan di database

// dapatkan 6 hari sblm tgl sekarang
$seminggu = strtotime("-1 week +1 day",strtotime($tgl_skrg));
$hasilnya = date("Y-m-d", $seminggu);

//lakukan looping sebanyak 6 kali
for ($i=0; $i<=6; $i++){
$urutan_tgl = strtotime("+$i day",strtotime($hasilnya));
$hasil_urutan = date("d-M-Y", $urutan_tgl);

CodePun

membuat grafik batang di php denggan highchart

1 comment