Page 124 - Framework Codeigniter 2
P. 124
www.koder.web.id – Kumpulan tutorial komputer
3. Buat View Chart
View yang akan kita buat mirip seperti view pada chapter jquery autocomplete, hanya sebagai
view yang berisi script javascript yang akan memanggil openflashchart dan menampilkan chart.
Adapun view tersebut adalah :
1. <html>
2. <head>
3. <title>Welcome to CodeIgniter</title>
4. <script type="text/javascript" src="<?php echo
base_url();?>/swfobject.js"></script>
5. <style type="text/css">
6.
7. body {
8. background-color: #fff;
9. margin: 40px;
10. font-family: Lucida Grande, Verdana, Sans-serif;
11. font-size: 14px;
12. color: #4F5155;
13. }
14.
15.
16. </style>
17. </head>
18. <body>
19.
20. <h1>Line Chart</h1>
21. <?php echo $c1;?>
22. <h1>Bar Chart</h1>
23. <?php echo $c2;?>
24.
25. <h1>Area Chart</h1>
26. <?php echo $c3;?>
27.
28. <h1>Pie Chart</h1>
29. <?php echo $c4;?>
30. </body>
31. </html>
Perhatikan baris ke empat, disana kita mencoba me-load swfobject.js yang bertujuan me-load
scipt openflashchart. Jika semua terinstall dengan benar maka akan keluar tampilan seperti di
bawah ini
119
