Initial commit

2026-01-26 21:32:02 +07:00 · 2025-12-22 12:03:01 +07:00
commit 10dc345147
367 changed files with 31188 additions and 0 deletions
--- a/resources/js/components/chart/chart-1.js
+++ b/resources/js/components/chart/chart-1.js
@@ -0,0 +1,100 @@
+
+
+export const initChartOne = () => {
+    const chartElement = document.querySelector('#chartOne');
+    if (!chartElement) return;
+
+    const chartOneOptions = {
+        series: [{
+            name: "Sales",
+            data: [168, 385, 201, 298, 187, 195, 291, 110, 215, 390, 280, 112],
+        },],
+        colors: ["#465fff"],
+        chart: {
+            fontFamily: "Outfit, sans-serif",
+            type: "bar",
+            height: 180,
+            toolbar: {
+                show: false,
+            },
+        },
+        plotOptions: {
+            bar: {
+                horizontal: false,
+                columnWidth: "39%",
+                borderRadius: 5,
+                borderRadiusApplication: "end",
+            },
+        },
+        dataLabels: {
+            enabled: false,
+        },
+        stroke: {
+            show: true,
+            width: 4,
+            colors: ["transparent"],
+        },
+        xaxis: {
+            categories: [
+                "Jan",
+                "Feb",
+                "Mar",
+                "Apr",
+                "May",
+                "Jun",
+                "Jul",
+                "Aug",
+                "Sep",
+                "Oct",
+                "Nov",
+                "Dec",
+            ],
+            axisBorder: {
+                show: false,
+            },
+            axisTicks: {
+                show: false,
+            },
+        },
+        legend: {
+            show: true,
+            position: "top",
+            horizontalAlign: "left",
+            fontFamily: "Outfit",
+            markers: {
+                radius: 99,
+            },
+        },
+        yaxis: {
+            title: false,
+        },
+        grid: {
+            yaxis: {
+                lines: {
+                    show: true,
+                },
+            },
+        },
+        fill: {
+            opacity: 1,
+        },
+
+        tooltip: {
+            x: {
+                show: false,
+            },
+            y: {
+                formatter: function (val) {
+                    return val;
+                },
+            },
+        },
+    };
+
+    const chart = new ApexCharts(chartElement, chartOneOptions);
+    chart.render();
+
+    return chart;
+};
+
+export default initChartOne;