Advertisement
cdsatrian

highcart

Jun 26th, 2012
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 2.16 KB | None | 0 0
  1. <?php
  2. include 'config/konek.php';
  3. $query = "select * from report";
  4. $hasil = mysql_query($query);
  5. $bulan='';$keberhasilan='';$kegagalan='';
  6. while ($row = mysql_fetch_object($hasil)) {
  7.     $bulan.=($bulan!=''?',':'')."'".$row->bulan."'";
  8.     $berhasil=$row->berhasil;
  9.     $gagal=$row->gagal;
  10.     $total = $berhasil+ $gagal;
  11.     $keberhasilan.=($keberhasilan!=''?",'":"'").($total == 0?0:$berhasil/$total * 100)."'";
  12.     $kegagalan.=($kegagalan!=''?",'":"'").($total == 0?0:$gagal/$total * 100)."'";    
  13. }
  14. ?>
  15. <html>
  16.     <head>
  17.         <script type="text/javascript" src="js/jquery.min.js"></script>
  18.     <script src="js/highcharts.js"></script>
  19.     <script src="js/modules/exporting.js"></script>
  20.         <script type="text/javascript">
  21.             var chart;
  22.             $(document).ready(function() {
  23.                 chart = new Highcharts.Chart({
  24.                     chart: {
  25.                         renderTo: 'container',
  26.                         zoomType: 'xy'
  27.                     },
  28.                     title: {
  29.                         text: 'Laporan Grafik pelatihan'
  30.                     },
  31.                     subtitle: {
  32.                         text: 'LMC'
  33.                     },
  34.                     xAxis: [{
  35.                         categories: [<?php echo $bulan;?>]
  36.                     }],
  37.                     yAxis: [{
  38.                         labels: {
  39.                             formatter: function() {
  40.                                 return this.value +'';
  41.                             },
  42.                             style: {
  43.                                 color: '#6cb3ea'
  44.                             }
  45.                         },
  46.                         title: {
  47.                             text: 'Persentase training(%)',
  48.                             style: {
  49.                                 color: '#6cb3ea'
  50.                             }
  51.                         }
  52.                     }],
  53.                     tooltip: {
  54.                         formatter: function() {
  55.                             return ''+
  56.                                 this.x +': '+ this.y +
  57.                                 (this.series.name == 'Presentase' ? '' : '%');
  58.                         }
  59.                     },
  60.                     legend: {
  61.                         layout: 'vertical',
  62.                         align: 'left',
  63.                         x: 100,
  64.                         verticalAlign: 'top',
  65.                         y: 100,
  66.                         floating: true,
  67.                         backgroundColor: '#FFFFFF'
  68.                     },
  69.                     series: [{
  70.                         name: 'Berhasil Dilaksanakan',
  71.                         color: '#4572A7',
  72.                         type: 'column',
  73.                         data: [<?php echo $keberhasilan;?>]    
  74.                    
  75.                     }, {
  76.                         name: 'Gagal Dilaksanakan',
  77.                         color: '#eaff00',
  78.                         type: 'column',
  79.                         data: [<?php echo $kegagalan;?>]
  80.                     }]
  81.                 });
  82.                
  83.                
  84.             });
  85.                
  86.         </script>
  87.     </head>
  88.     <body>
  89.   <div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
  90.     </body>
  91. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement