inicio soporte informe

Front/src/Componentes/Estadisticas/fChart.svelte

@@ -0,0 +1,49 @@
+<script>
+    import { onMount } from "svelte";
+    import {
+      Chart,
+      registerables
+    } from "chart.js";
+  
+    Chart.register(...registerables);
+  
+    export let data;
+  
+    let chartCanvas;
+    let chartInstance;
+  
+    onMount(() => {
+      if (chartCanvas) {
+        chartInstance = new Chart(chartCanvas, {
+          type: "bar",
+          data: data,
+          options: {
+            responsive: true,
+            plugins: {
+              legend: {
+                position: "top"
+              },
+              tooltip: {
+                enabled: true
+              }
+            },
+            scales: {
+              y: {
+                beginAtZero: true
+              }
+            }
+          }
+        });
+      }
+  
+      return () => {
+        if (chartInstance) {
+          chartInstance.destroy();
+        }
+      };
+    });
+  </script>
+  
+  <div class="card card-body">
+    <canvas bind:this={chartCanvas}></canvas>
+  </div>