Bikin grafik chart multiseries 3d di Codeigniter itu mudah

[You must be registered and logged in to see this image.]

Baiklah temen-teman, kali ini saya akan menulis tentang bagaimana cara membuat grafik cart di codeigniter dengan fusion chart. Cara membuatnya sangatlah mudah. Pada tutorial kali ini kita tidak menggunakan database. Untuk load data kita gunakan xml. Disini kita hanya menggunakan controller dan view saja di CI, so it's easy guys...

Oke hal pertama yang harus anda lalui adalah mendownload javascript for fusionchar dan file swf nya disini dan letakan dalam folder assets/Charts/, kemudian masukan hasil download di folder masing-masing. "baca hasil downloadan untuk letak masing-masing file"

Selanjuta nya buat folder Controller dengan nama chart.php dan masukan kode berikut:

Code:: <?php

/*
* To change this template, choose Tools | Templates
* and open the template in the editor.
*/

/**
* Description of chart
*
* @author hadi
*/
class chart extends Controller {

//put your code here
function index() {
//load view index.php dalam folder chart
$this->load->view("chart/index");
}

function data() {
header("Content-Type:text/xml");
echo "
<chart caption='Country Comparison' shownames='1' showvalues='0' decimals='0' numberPrefix='$'>
<categories>
<category label='Austria' />
<category label='Brazil' />
<category label='France' />
<category label='Germany' />
<category label='USA' />
</categories>
<dataset seriesName='1996' color='AFD8F8' showValues='0'>
<set value='25601.34' />
<set value='20148.82' />
<set value='17372.76' />
<set value='35407.15' />
<set value='38105.68' />
</dataset>
<dataset seriesName='1997' color='F6BD0F' showValues='0'>
<set value='57401.85' />
<set value='41941.19' />
<set value='45263.37' />
<set value='117320.16' />
<set value='114845.27' />
</dataset>
<dataset seriesName='1998' color='8BBA00' showValues='0'>
<set value='45000.65' />
<set value='44835.76' />
<set value='18722.18' />
<set value='77557.31' />
<set value='92633.68' />
</dataset>
</chart>";
}

}
?>

Selanjut nya di folede view/chart tambahkan file index.php dan isi kan kode berikut:

Code:: <html>
<head>
<script language="JavaScript" src="<?php echo base_url() ?>assets/Charts/FusionCharts.js"></script>
</head>

<body bgcolor="#ffffff" sty>

<center>
<div id="chartdiv" style="margin-top: 10px;" align="center">The chart will appear within this DIV. This text will be replaced by the chart.</div>
</center>
<script type="text/javascript">
var myChart = new FusionCharts("<?php echo base_url() ?>assets/Charts/MSColumn3D.swf", "ChartId", "600", "350", "0", "0");
myChart.setDataURL('<?php echo base_url() ?>chart/data/');
myChart.render("chartdiv");
</script>
</body>
</html>

Setelah semua nya sudah,... tinggal jalan kan [You must be registered and logged in to see this link.] Selamat mencoba :sukro:

» Buku Codeigniter Gratis
» Comet menggunakan Codeigniter dan JQuery
» Tips mudah blackberry
» cara mudah memulai web development
» Cara Mudah Windows 7 Troubleshooting