.:: Blackc0de Forum ::.
Would you like to react to this message? Create an account in a few clicks or log in to continue.

-=Explore The World From Our Binary=-
 
HomeIndeksLatest imagesPendaftaranLogin

 

 Bikin grafik chart multiseries 3d di Codeigniter itu mudah

Go down 
PengirimMessage
Voldemort
BC Security
BC Security
Voldemort


Jumlah posting : 331
Points : 725
Reputation : 16
Join date : 04.07.11

Bikin grafik chart multiseries 3d di Codeigniter itu mudah  Empty
PostSubyek: Bikin grafik chart multiseries 3d di Codeigniter itu mudah    Bikin grafik chart multiseries 3d di Codeigniter itu mudah  Icon_minitimeSat Mar 24, 2012 3:38 am

[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:
Kembali Ke Atas Go down
 
Bikin grafik chart multiseries 3d di Codeigniter itu mudah
Kembali Ke Atas 
Halaman 1 dari 1
 Similar topics
-
» Buku Codeigniter Gratis
» Comet menggunakan Codeigniter dan JQuery
» Tips mudah blackberry
» Cara Mudah Windows 7 Troubleshooting
» cara mudah memulai web development

Permissions in this forum:Anda tidak dapat menjawab topik
.:: Blackc0de Forum ::. :: Information Technology :: Framework-
Navigasi: