[ Mini Kiebo ]

Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64 Path: D:/xampp/htdocs/peminjaman/storage/framework/views/ [ Home ]
File: 42f90c7e33d4dc950cdf5ca5dcd44be0.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')); ?>";
    let chart = null;

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

          chart = new ApexCharts(
            document.querySelector("#chart-borrowing-by-year"),
            borrowingsThisYear
          );
          chart.render();
        },
      });
    }

    function updateChartSeries(data) {
      if (chart) {
        chart.updateSeries([
          {
            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,
            ],
          },
        ]);
      }
    }

    // Initialize the chart when the page loads
    initChart();

    $("#year").keypress(function (e) {
      if (e.keyCode === 13) {
        $.ajax({
          url: url,
          data: {
            year: $("#year").val(),
          },
          success: function (res) {
            $("#card-chart-borrowing-title").text(
              `Peminjaman Tahun ${$("#year").val()}`
            );

            updateChartSeries(res);
          },
        });
      }
    });
  });
</script><?php /**PATH C:\xampp\htdocs\peminjaman\resources\views/officer/script.blade.php ENDPATH**/ ?>