first commit

2026-01-27 15:12:13 +07:00 · 2025-12-21 08:03:18 +07:00
commit 7c746f776a
300 changed files with 24836 additions and 0 deletions
--- a/resources/js/components/chart/chart-6.js
+++ b/resources/js/components/chart/chart-6.js
@@ -0,0 +1,107 @@
+
+
+export function initChartSix() {
+    const chartSixEl = document.querySelector('#chartSix');
+    if (chartSixEl) {
+        const chartSixOptions = {
+            series: [
+                {
+                    name: "Direct",
+                    data: [44, 55, 41, 67, 22, 43, 55, 41],
+                },
+                {
+                    name: "Referral",
+                    data: [13, 23, 20, 8, 13, 27, 13, 23],
+                },
+                {
+                    name: "Organic Search",
+                    data: [11, 17, 15, 15, 21, 14, 18, 20],
+                },
+                {
+                    name: "Social",
+                    data: [21, 7, 25, 13, 22, 8, 18, 20],
+                },
+            ],
+            colors: ["#2a31d8", "#465fff", "#7592ff", "#c2d6ff"],
+            chart: {
+                fontFamily: "Outfit, sans-serif",
+                type: "bar",
+                stacked: true,
+                height: 315,
+                toolbar: {
+                    show: false,
+                },
+                zoom: {
+                    enabled: false,
+                },
+            },
+            plotOptions: {
+                bar: {
+                    horizontal: false,
+                    columnWidth: "39%",
+                    borderRadius: 10,
+                    borderRadiusApplication: "end",
+                    borderRadiusWhenStacked: "last",
+                },
+            },
+            dataLabels: {
+                enabled: false,
+            },
+            xaxis: {
+                categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug"],
+                axisBorder: {
+                    show: false,
+                },
+                axisTicks: {
+                    show: false,
+                },
+            },
+            legend: {
+                show: true,
+                position: "top",
+                horizontalAlign: "left",
+                fontFamily: "Outfit",
+                fontSize: "14px",
+                fontWeight: 400,
+                markers: {
+                    size: 5,
+                    shape: "circle",
+                    radius: 999,
+                    strokeWidth: 0,
+                },
+                itemMargin: {
+                    horizontal: 10,
+                    vertical: 0,
+                },
+            },
+            yaxis: {
+                title: false,
+            },
+            grid: {
+                yaxis: {
+                    lines: {
+                        show: true,
+                    },
+                },
+            },
+            fill: {
+                opacity: 1,
+            },
+
+            tooltip: {
+                x: {
+                    show: false,
+                },
+                y: {
+                    formatter: function (val) {
+                        return val;
+                    },
+                },
+            },
+        };
+
+        const chartSix = new ApexCharts(chartSixEl, chartSixOptions);
+        chartSix.render();
+        return chartSix;
+    }
+}