Membuat Grafik di PHP MYSQL

Publish Date : 08-02-2024 , dibaca 10132 kali, Hari ini dibaca : 1 kali ,0 comments

OK.. Tutorial kali ini kita akan Menampilkan data di table dalam bentuk Grafik 3 Dimensi, Lihat Grafik Batang pada Gambar di bawah ini, gimana.. ?? cukup menarik bukan ...?dengan memanfaatkan salah satu plugin dari JQuery yaitu Fusion Charts kita dapat menampilkan data dalam bentuk grafik. Ini dapat dilakukan untuk Membuat Grafik Dinamis, yang mana data diambil dari database mysql.

Membuat Grafik dengan Highcharts dari data di database

Tulisan ini terinspirasi, saat ane sedang mengerjakan salah satu project yang hampir saja ane lupa tentang pentingnya grafik. Perlu kita ingat pembuatan laporan dengan menampilkan grafik, sangat banyak dilakukan oleh Top Management. Karena dengan grafik sebenarnya telah mewakili deskripsi secara keseluruhan suatu presentasi.

Berikut Tampilan dari Grafiknya...

CODE HTML

<html>
<head>
<script type="text/javascript" src="JS/jquery-1.4.js"></script>
<!-- panggil file jquery untuk fusioncharts-->
<script type="text/javascript" src="JS/jquery.fusioncharts.js">
</script>

</head>
<body>
<center>
<table id="myHTMLTable" border="1" align="center">
<tr><th>-</th><th>2005</th><th>2006</th><th>2007</th></tr>
<tr><td>Produk 1</td><td>23</td><td>34</td><td>45</td></tr>
<tr><td>Produk 2</td><td>23</td><td>34</td><td>45</td></tr>
</table>
<script type="text/javascript">
 $('#myHTMLTable').convertToFusionCharts({
       swfPath: "Charts/",
       type: "MSColumn3D",
       data:  "#myHTMLTable",
       dataFormat: "HTMLTable"
});
</script>
</center>
</body>
</html>