first commit

2026-01-27 06:11:52 +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-3.js
+++ b/resources/js/components/chart/chart-3.js
@@ -0,0 +1,107 @@
+
+export const initChartThree = () => {
+    const chartElement = document.querySelector('#chartThree');
+
+    if (chartElement) {
+        const chartThreeOptions = {
+            series: [{
+                name: "Sales",
+                data: [180, 190, 170, 160, 175, 165, 170, 205, 230, 210, 240, 235],
+            },
+            {
+                name: "Revenue",
+                data: [40, 30, 50, 40, 55, 40, 70, 100, 110, 120, 150, 140],
+            },
+            ],
+            legend: {
+                show: false,
+                position: "top",
+                horizontalAlign: "left",
+            },
+            colors: ["#465FFF", "#9CB9FF"],
+            chart: {
+                fontFamily: "Outfit, sans-serif",
+                height: 310,
+                type: "area",
+                toolbar: {
+                    show: false,
+                },
+            },
+            fill: {
+                gradient: {
+                    enabled: true,
+                    opacityFrom: 0.55,
+                    opacityTo: 0,
+                },
+            },
+            stroke: {
+                curve: "straight",
+                width: ["2", "2"],
+            },
+            markers: {
+                size: 0,
+            },
+            labels: {
+                show: false,
+                position: "top",
+            },
+            grid: {
+                xaxis: {
+                    lines: {
+                        show: false,
+                    },
+                },
+                yaxis: {
+                    lines: {
+                        show: true,
+                    },
+                },
+            },
+            dataLabels: {
+                enabled: false,
+            },
+            tooltip: {
+                x: {
+                    format: "dd MMM yyyy",
+                },
+            },
+            xaxis: {
+                type: "category",
+                categories: [
+                    "Jan",
+                    "Feb",
+                    "Mar",
+                    "Apr",
+                    "May",
+                    "Jun",
+                    "Jul",
+                    "Aug",
+                    "Sep",
+                    "Oct",
+                    "Nov",
+                    "Dec",
+                ],
+                axisBorder: {
+                    show: false,
+                },
+                axisTicks: {
+                    show: false,
+                },
+                tooltip: false,
+            },
+            yaxis: {
+                title: {
+                    style: {
+                        fontSize: "0px",
+                    },
+                },
+            },
+        };
+
+        const chart = new ApexCharts(chartElement, chartThreeOptions);
+        chart.render();
+        return chart;
+    }
+}
+
+export default initChartThree;