Menampilkan jumlah All Articles beserta grafik

Untuk bisa menampilkan jumlah All Articles saya menggunakan kodingan sperti dibawah ini

<li><a href=”?pages= “><i class=”fa fa-user”></i> <span>All Articles</span>
<span class=”pull-right-container”>
Dan untuk bisa menampilkan grafik bisa dilihat pada kodingan dibawah

  <?php   <?php     $model = new Ojs() ;    $grafik = $model->grafikArticle() ;   ?>
<?php                   $months = [];                  $count = [] ;                   $monthsArray = array(1 => ‘Jan.’, 2 => ‘Feb.’, 3 => ‘Mar.’, 4 => ‘Apr.’, 5 => ‘May’, 6 => ‘Jun.’, 7 => ‘Jul.’, 8 => ‘Aug.’, 9 => ‘Sep.’, 10 => ‘Oct.’, 11 => ‘Nov.’, 12 => ‘Dec.’);                  while ($dataG = mysql_fetch_array ($grafik)){                     $months[] =  $monthsArray[$dataG[0]].’ ‘.$dataG[1];                     $count[] = (int)$dataG[2] ;                   }?>                               <?php                                  /*                $months = [            ‘Jan’,            ‘Feb’,            ‘Mar’,            ‘Apr’,            ‘May’,            ‘Jun’,            ‘Jul’,            ‘Aug’,            ‘Sep’,            ‘Oct’,            ‘Nov’,            ‘Dec’        ] ;                $count = [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4];        */                ?>
<script src=”highcharts/highcharts.js”></script>

<div id=”container” style=”min-width: 310px; height: 400px; margin: 0 auto”></div>

 

<script type=”text/javascript”>
Highcharts.chart(‘container’, {    chart: {        type: ‘column’    },    title: {        text: ‘Graph’    },        xAxis: {        categories: <?php echo json_encode($months); ?>,        crosshair: true    },    yAxis: {        min: 0,        title: {            text: ‘Articles’        }    },    tooltip: {        headerFormat: ‘<span style=”font-size:10px”>{point.key}</span><table>’,        pointFormat: ‘<tr><td style=”color:{series.color};padding:0″>{series.name}: </td>’ +            ‘<td style=”padding:0″><b>{point.y:.0f} Jumlah</b></td></tr>’,        footerFormat: ‘</table>’,        shared: true,        useHTML: true    },    plotOptions: {        column: {            pointPadding: 0.2,            borderWidth: 0        }    },    series: [{        name: ‘Month’,        data: <?php echo json_encode($count)  ?>,        color: ‘#DD4B39’
}]}); </script>

Leave a Reply