[ Mini Kiebo ]
Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586
Path:
D:
/
Backup
/
05122024
/
htdocs
/
siakad
/
simkeu
/
keuangan
/
Laporan
/
[
Home
]
File: Dashboard.inc.php
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"></script> <section id="content" class="content-alt"> <div class="container"> <div class="card"> <div class="card-header"> <h2>Dashboard Mahasiswa</h2> </div> <div class="card-body"> <table class="table table-hover" border="0" width="100%"> <tr bgcolor="#F0F8FF"> <td rowspan="2"><b>No</b></td> <td rowspan="2"><b>Prodi</b></td> <td rowspan="2"><b>Jumlah Siswa</b></td> <td colspan="2" align="center"><b>Rekap Pembayaran Siswa</b></td> </tr> <tr> <td align="center"><b>2022/2023</b></td> <td align="center"><b>2023/2024</b></td> </tr> <?php $query="select count(siswa_id) as jumlah,kelas_nama,kelas_id from m_siswa a left join m_kelas b on a.siswa_kelas_skr = b.kelas_id group by siswa_kelas_skr order by siswa_kelas_skr asc"; $iData=sAllData($query); $no = 0; for($a=0,$b=count($iData);$a<$b;$a++) { $prodi = "'".$iData[$a]["kelas_nama"]."',".$prodi; $jsiswa = $iData[$a]["jumlah"].",".$jsiswa; ?> <tr> <td><?php echo $no = ($no+1);?></td> <td><?php echo $iData[$a]["kelas_nama"];?></td> <td><?php echo $iData[$a]["jumlah"];?></td> <td align="center"><a target="blank" href="cpembayaran.php?tahun=2022&id_kelas=<?php echo $iData[$a]["kelas_id"];?>"><i class="zmdi zmdi-print"></i></a></td> <td align="center"><a target="blank" href="#"><i class="zmdi zmdi-print"></i></a></td> </tr> <?php } ?> </table> </div> <div class="card-body" align="center"> <canvas id="myChart" style="width:100%;max-width:600px"></canvas> </div> </div> </div> </section> <script> const xValues = [<?php echo $prodi;?>]; const yValues = [<?php echo $jsiswa;?>]; const barColors = ["red", "green","blue","orange","brown"]; new Chart("myChart", { type: "bar", data: { labels: xValues, datasets: [{ backgroundColor: barColors, data: yValues }] }, options: { legend: {display: false}, title: { display: true, text: "Grafik Jumlah Mahasiswa" } } }); </script>