add separator in js for handle showing value is number

resources/js/report/growth-report/index.js

@@ -1,5 +1,5 @@
 import ApexCharts from "apexcharts";
-
+import { addThousandSeparators } from "../../global-config.js";
 class GrowthReport {
     init() {
         this.loadChart();
@@ -65,7 +65,7 @@ class GrowthReport {
                     },
                     labels: {
                         formatter: function (value) {
-                            return "Rp. " + value.toLocaleString("id-ID");
+                            return "Rp. " + addThousandSeparators(value);
                         },
                     },
                 },

resources/js/report/tourisms/index.js

@@ -1,5 +1,6 @@
 import gridjs from "gridjs/dist/gridjs.umd.js";
 import "gridjs/dist/gridjs.umd.js";
+import { addThousandSeparators } from "../../global-config.js";
 
 // Mengambil data dari input dengan id="business_type_counts"
 const businessTypeCountsElement = document.getElementById("tourism_based_KBLI");
@@ -8,10 +9,9 @@ const businessTypeCounts = JSON.parse(businessTypeCountsElement.value); // Cek a
 // Membuat Grid.js instance
 new gridjs.Grid({
     columns: ["Jenis Bisnis Pariwisata", "Jumlah Total"], // Nama kolom
-    data: businessTypeCounts.map((item) => [
-        item.kbli_title,
-        item.total_records,
-    ]), // Mengubah data untuk Grid.js
+    data: businessTypeCounts.map((item) => {
+        return [item.kbli_title, addThousandSeparators(item.total_records)];
+    }), // Mengubah data untuk Grid.js
     search: true, // Menambahkan fitur pencarian
     pagination: true, // Menambahkan fitur pagination
     sort: true, // Menambahkan fitur sorting