July 24, 2024

Membuat Grafik Total Transaksi Penjualan Per Produk dengan JpGraph

1 min read

JpGraph adalah library dari PHP yang bersifat Object Oriented. Fungsi utama dari library ini adalah untuk membuat grafik pada browser dengan menggunakan data yang ada. JpGraph bersifat open source dapat didownload secara gratis melalui http://jpgraph.net/download/. Perlu diperhatikan bahwa untuk dapat menggunakan JpGraph pastikan GD library aktif (enable) pada PHP anda.

Terdapat perbedaan antara JpGraph yang digunakan pada PHP versi 5 dan versi 4, karena itu pastikan jika anda mendownload library ini sesuai dengan versi yang digunakan.

Langkah 1
Ekstrak libary JpGraph yang telah di download ke dalam folder C:\wamp\www\tutorial\modul\

Langkah 2
Kemudian buatlah database dan tabel seperti di bawah ini :

Langkah 3
Setelah selesai membuat database dan tabel yang di butuhkan dilanjutkan dengan membuat file php seperti dibawah ini : simpan dengan nama grafik_transaksi_penjualan.php.

[sourcecode languege=”php”]
<?php

mysql_connect("localhost", "root", "");
mysql_select_db("toko");

// menyiapkan array untuk menyimpan nama_kategori
$kategori = array();

// menyiapkan array untuk menyimpan total_transaksi
$total = array();

// memanggil modul JpGraph untuk membuat grafik batang dan garis
// modul ini terletak dalam folder bernama ‘modul/src’
include ("modul/src/jpgraph.php");
include ("modul/src/jpgraph_bar.php");
include ("modul/src/jpgraph_line.php");

// query sql untuk mendapatkan total transaksi per kategori produk
$query = "SELECT kategori.nama_kategori, produk.nama_produk, sum(transaksi.jumlah_jual * produk.harga_perunit) as total_transaksi
FROM kategori, produk, transaksi
WHERE kategori.id_kategori = produk.id_kategori AND produk.kode_produk = transaksi.kode_produk
GROUP BY nama_kategori";

$hasil = mysql_query($query);
while ($data = mysql_fetch_array($hasil))
{

// menyimpan nama kategori ke dalam array kategori
array_unshift($kategori, $data[‘nama_kategori’]);

// menyimpan data penjumlahan hargaperunit dan jumlah jual hasil query ke dalam array $total
array_unshift($total, $data[‘total_transaksi’]);
}

// membuat image ukuran 700 x 450 pixel
$graph = new Graph(700,450,"auto");

// membuat skala grafik. Nilai 4000 di sini adalah nilai maksimum sumbu Y.
$graph->SetScale("textlin", 100, 4000);

// membuat bayangan dari image
$graph->SetShadow();

// mengatur batas margin grafik
$graph->SetMargin(50,50,40,40);

// membuat bar plot dari data total transaksi
$barplot = new BarPlot($total);

// membuat line plot dari data total transaksi
$lineplot=new LinePlot($total);

// memberi warna merah pada bar plot
$barplot->SetFillColor("red");

// menampilkan value total transaksi pada setiap bar
$barplot->value->show();

// mengatur tampilan value total traksaksi dengan format 1 digit desimal di belakang koma
$barplot ->value->SetFormat("%3.1f");

// mengatur ketebalan garis pada lineplot
$lineplot->SetWeight(3);

// mengatur posisi ujung line plot supaya terletak di tengah-tengah bar
$lineplot->SetBarCenter();

// menampilkan barplot ke dalam image
$graph->Add($barplot);

// menampilkan lineplot ke dalam image
$graph->Add($lineplot);

// menampilkan nama kategori pada sumbu X
$graph->xaxis-> SetTickLabels($kategori);

// menampilkan title grafik
$graph->title->Set("Grafik Total Transaksi Per Produk");

// memberi label pada sumbu X
$graph->xaxis->title->Set("Nama Kategori");

// memberi label pada sumbu Y
//$graph->yaxis->title->Set("Total Transaksi");

// mengatur jenis font pada title, label sumbu X dan label sumbu Y
$graph->title->SetFont(FF_FONT1,FS_BOLD);
$graph->yaxis->title->SetFont(FF_FONT1,FS_BOLD);
$graph->xaxis->title->SetFont(FF_FONT1,FS_BOLD);

// menampilkan output grafik
$graph->Stroke();
?>

[/sourcecode]

Hasil Akhir

0 thoughts on “Membuat Grafik Total Transaksi Penjualan Per Produk dengan JpGraph

Leave a Reply

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

Copyright © All rights reserved. | Newsphere by AF themes.