[ Mini Kiebo ]

Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64 Path: D:/xampp/htdocs/peminjaman/storage/framework/views/ [ Home ]

File: 5f8c405067e6da4e9dc73f5c6e8107e9.php

<script src="<?php echo e(asset('extensions/apexcharts/apexcharts.min.js')); ?>"></script>

<script>
  $(function () {
    let url = "<?php echo e(route('api.v1.borrowings.statistics')); ?>";

    $.ajax({
      url: url,
      data: {
        studentID: "<?php echo e(auth('student')->user()->id); ?>",
        year: new Date().getFullYear(),
      },
      success: function (res) {
        let chart = initChart(res);

        chart.render();
      },
    });

    function initChart(data) {
      let borrowingsThisYear = {
        chart: {
          type: "bar",
          height: 300,
        },
        series: [
          {
            name: "Peminjaman",
            data: [
              data.data.jan,
              data.data.feb,
              data.data.mar,
              data.data.apr,
              data.data.mei,
              data.data.jun,
              data.data.jul,
              data.data.agu,
              data.data.sep,
              data.data.okt,
              data.data.nov,
              data.data.des,
            ],
          },
        ],
        colors: "#435ebe",
        xaxis: {
          categories: [
            "Jan",
            "Feb",
            "Mar",
            "Apr",
            "Mei",
            "Jun",
            "Jul",
            "Agu",
            "Sep",
            "Okt",
            "Nov",
            "Des",
          ],
        },
      };

      let chart = new ApexCharts(
        document.querySelector("#my-borrowings-chart-this-year"),
        borrowingsThisYear
      );

      return chart;
    }
  });
</script>
<?php /**PATH C:\xampp\htdocs\peminjaman\resources\views/student/script.blade.php ENDPATH**/ ?>