refactor del Fchart

Front/src/Componentes/Estadisticas/fChart.svelte

@@ -1,13 +1,12 @@
 <script>
-  import { onDestroy, onMount } from 'svelte';
+    import { onDestroy, onMount } from "svelte";
-  import Chart from 'chart.js/auto';
+    import { Chart } from "chart.js/auto";
 
-  let {chartData, typec='bar'} = $props();
+    let { chartData, typec = "bar" } = $props();
 
     let chartContainer;
     let instance;
 
-
     onDestroy(() => {
         if (instance) {
             instance.destroy();
@@ -19,22 +18,22 @@
             instance.destroy();
         }
 
-    const ctx = chartContainer.getContext('2d');
+        const ctx = chartContainer.getContext("2d");
         instance = new Chart(ctx, {
             type: typec,
             data: {
                 labels: chartData.labels,
-        datasets: chartData.datasets.map(dataset => ({
+                datasets: chartData.datasets.map((dataset) => ({
                     label: dataset.label,
-          data: dataset.data.map(x => String(x)), 
+                    data: dataset.data.map((x) => String(x)),
-          borderWidth: dataset.borderWidth
+                    borderWidth: dataset.borderWidth,
-        }))
+                })),
             },
             options: {
                 responsive: true,
                 plugins: {
                     legend: {
-            position: 'top',
+                        position: "top",
                     },
                 },
                 scales: {
@@ -50,10 +49,8 @@
     };
     onMount(createChart);
     $effect(createChart);
-
 </script>
 
 <div class="card card-body">
     <canvas bind:this={chartContainer}></canvas>
 </div>
-