document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <div class="container-fluid">
  2.     <!-- Breadcrumbs-->
  3.     <ol class="breadcrumb">
  4.         <li class="breadcrumb-item">
  5.             <a href="#">Dashboard</a>
  6.         </li>
  7.         <li class="breadcrumb-item active">Grafik Penjualan Barang</li>
  8.     </ol>
  9.     <!-- Icon Cards-->
  10.     <div class="row">
  11.         <div class="col-md-6">
  12.             <div class="card">
  13.                 <div class="card-body">
  14.  
  15.                         <div class="alert alert-success">
  16.                            Welcome : <?php echo $this->session->userdata(\'username\') ?>
  17.                         </div>
  18.  
  19.  
  20.                 </div>
  21.             </div>
  22.         </div>
  23.         <div class="col-md-6">
  24.             <div class="card text-white o-hidden h-100">
  25.                 <h5 class="card-title">Grafik Penjualan Barang sesi</h5>
  26.                 <canvas id="myChart" width="400" height="400"></canvas>
  27.             </div>
  28.         </div>
  29.   </div>
  30. </div>
  31. <?php foreach($grafik as $trans)
  32.    {
  33.         $grafiks[]=$trans->nama_barang;
  34.     }
  35. ?>
  36. <?php foreach($grafik as $count)
  37.    {
  38.         $counts[]=$count->jumlah;
  39.     }
  40. ?>
  41. <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
  42. <script>
  43. var ctx = document.getElementById("myChart").getContext(\'2d\');
  44. var myChart = new Chart(ctx, {
  45.     type: \'bar\',
  46.     data: {
  47.         labels:<?php echo json_encode($grafiks) ?>,
  48.         datasets: [{
  49.             label: \'# of Votes\',
  50.             data:<?php echo json_encode($counts) ?>,
  51.             backgroundColor: [
  52.                 \'rgba(255, 99, 132, 0.2)\',
  53.                 \'rgba(54, 162, 235, 0.2)\',
  54.                 \'rgba(255, 206, 86, 0.2)\',
  55.                 \'rgba(75, 192, 192, 0.2)\',
  56.                 \'rgba(153, 102, 255, 0.2)\',
  57.                 \'rgba(255, 159, 64, 0.2)\'
  58.             ],
  59.             borderColor: [
  60.                 \'rgba(255,99,132,1)\',
  61.                 \'rgba(54, 162, 235, 1)\',
  62.                 \'rgba(255, 206, 86, 1)\',
  63.                 \'rgba(75, 192, 192, 1)\',
  64.                 \'rgba(153, 102, 255, 1)\',
  65.                 \'rgba(255, 159, 64, 1)\'
  66.             ],
  67.             borderWidth: 1
  68.         }]
  69.     },
  70.     options: {
  71.         scales: {
  72.             yAxes: [{
  73.                 ticks: {
  74.                     beginAtZero:true
  75.                 }
  76.             }]
  77.         }
  78.     }
  79. });
  80. </script>
');